Color Contrast For Better Readability

For reading, go with “Darkest Alice” (#107896) for a good combination of contrast and luminosity. “Ruby” (#C02F1D) is also a decent option.

For text color (#373D3F) or “Raven” is the lightest gray within a AAA accessibility rating.

Other Mix:

  • Lilia (#F2F3F4) on Darkest Alice (#107896)
  • Raven (#373D3F) on Lighter Kelly (#B5C689)
  • Lighter Daisy (#EFD469) on Darkest Indigo (#093145)

Reference:

Source: Color Contrast for Better Readability

Leave a Comment