Color Contrast Survey
Janeth's Codepen
- Contrast: 1.36:1 : Headline: Light Blue {rgb(163,188,255)} on Light Pink {rgb(250,207,240)}
- Contrast: 1.77:1 : Text: Light Blue {rgb(163,188,255)} on Beige {rgb(250,250,232)}
- Contrast: 1.3:1 : Link: Light Gray {rgb(191,193,199)} on Light Pink {rgb(250,207,240)}
- Contrast: 7.93:1 : Hover link: Purple (#61177C) on Light Pink {rgb(250,207,240)}
Fiona's Codepen
- Contrast: 4.15:1 : Headline: Offwhite {rgb(253,246,238)} on Blue{rgb(105,119,156)}
- Contrast: 3.12:1 : Text: Sky Blue {rgb(189,222,229)} on Blue {rgb(105,119,156)}
- Contrast: 1.7:1 : Text: Orange {rgb(225,137,115)} on Blue {rgb(105,119,156)}
- Contrast: 1.13:1 : Link: Blue (#0061ff) on Blue {rgb(105,119,156)}
- Contrast 3.23:1 : Text: Purple {rgb(67,7,102)} on Blue{rgb(105,119,156)}
Leslie's Codepen
- Contrast: 10.51:1 : Headline: Dark Brown (#2f2504) on Timberwolf (#dad7cd)
- Contrast: 5.36:1 : Email Link: Hunter Green (#3a5a40) on Timberwolf (#dad7cd)
- Contrast:3.1:1 : Phone Link: Fern Green (#588157) on Timberwolf (#dad7cd)
- Contrast:3.98:1 : Text: Sage (#a3b18a) on Brunswick (#344e41)
- Contrast 9:1 : Text: Ivory (#fffff0) on Brunswick (#344e41)
- Contrast: 4.43:1 : Text: Ivory (#fffff0) on Fern Green (#588157)
Nastaran's Codepen
- Contrast:6.2:1 : Headline: Blue (#5ca3b5) on Dark Blue (#0c1929)
- Contrast: 2.36:1 : Text: Green(#385b57) on Dark Blue (#0c1929)
- Contrast: 3.06:1 : Text: Beige (#bba27e) on Dark Blue (#0c1929)
- Contrast: 2.38:1 : Text: Orange (#e5702d) on Green (#385b57)
- Contrast: 2.62:1 : Link: Blue(#5ca3b5) on Green(#385b57)
Miguel's Codepen
- Contrast: 4.98:1 : Headline: White (#ffffff) on Red (#dc143c)
- Contrast: 4.2:1 : Text: Black (#000000) on Red (#dc143c)
- Contrast: 3.13:1 : Link: Blue (#000086) on Red (#dc143c)