Color contrast survey
My Website
- Contrast 9.78:1 : Website button - Dark Purple (#330944) on Green (#30e288)
- Contrast 10.33:1 : Artist button - Dark Purple (#330944) on Blue(#7fd9ee)
- Contrast 9.38:1 : Headline - Mint (#bdffe2) on Purple Back (#561e8f)
- Contrast 2.64:1 : Headline - Mint (#bdffe2) on Green Back (#45aa27)
- Contrast 4.68:1 : Text - Mint (#bdffe2) on Pink Back (#ca2565)
- Contrast 10.31:1 : Links - Light Purple (#f7bbd6) on Dark Purple (#330944)
Joji's Codepen
- Contrast 2.26:1 : Headline - (#FFFFFF) on (#daa520)
- Contrast 15.64:1 : Section headline - (#175a99) on (#FFFFFF)
- Contrast 2.26:1 : Email link - (#FFFFFF) on (#1e1e1e)
- Contrast 4.26:1 : Category headline - (#d30c5f) on (#FFFFFF)
- Contrast 3.88:1 : Text - (#000000) on (#FFFFFF)
Isaac's Codepen
- Contrast 2.06:1 : Headline - (#FBFBF9) on (#F89880)
- Contrast 2.06:1 : Email link - (#FBFBF9) on (#F89880)
- Contrast 6.69:1 : Section headline - (#F2BB66) on (#2B3856)
- Contrast 6.69:1 : Category headline - (#F2BB66) on (#2B3856)
- Contrast 11.24:1 : Text - (#FBFBF9) on (#2B3856)
Janet's Codepen
- Contrast: 1.36:1 : Headline - (#a3bcff) on Light Pink (#facff0)
- Contrast: 1.77:1 : Text - (#a3bcff) on Beige (#fafae8)
- Contrast: 1.3:1 : Link - (#bfc1c7) on (#facff0)
- Contrast: 7.93:1 : Link - (#61177C) on (#facff0)