Color Contrast

Things to check for:

  • At least 3:1 ratio for large scale text 18 point (24px) or 14 point(19px) bolded text
  • At least 4.5:1 ratio for all other text

Examples - plain text

Color combo 1
Color combo 1 does not have enough contrast.
Color combo 2 - Sample link
The link in color combo 2 does not have enough contrast.
Color combo 3
Color combo 4
Color combo 5
Color combo 5 does not have enough contrast.

Examples - large text

Color combo 1 - large text
Color combo 2 - large text -Sample link
Color combo 3 - large text
Color combo 4 - large text
Color combo 5 - large text