This test allows you to see a spectrum of color combinations with a color of your choice. The spectrum is sorted into groups which pass or fail the color contrast tests specified in the Web Content Accessibility Guidelines (WCAG) versions 1 and 2.

Values to Test


Table of color combinations which pass the WCAG 2 color contrast test with #707070
Color TestedContrast SamplesLuminosity Ratio
#e1fafa#707070 #e1fafa4.54:1 Passes Luminosity Ratio Test (Level 1)
#fafa96#707070 #fafa964.52:1 Passes Luminosity Ratio Test (Level 1)
#fafaaf#707070 #fafaaf4.56:1 Passes Luminosity Ratio Test (Level 1)
#fafac8#707070 #fafac84.62:1 Passes Luminosity Ratio Test (Level 1)
#fafae1#707070 #fafae14.68:1 Passes Luminosity Ratio Test (Level 1)
#fafafa#707070 #fafafa4.74:1 Passes Luminosity Ratio Test (Level 1)

Translations

  • Ke-Huan “Jedi” Lin — Traditional Chinese (Jedi Blog)
  • Carlos Alfonso — Portuguese (No web site provided.)
  • Aurélien Levy — French (fairytells)
  • Marjolein Katsma — Dutch (Marjolein Katsma)

« Color Contrast Article | Two-color Comparison | Accessible Design Blog | Joe Dolson Accessible Web Design