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 #888888
Color TestedContrast SamplesLuminosity Ratio
#000000#888888 #0000005.92:1 Passes Luminosity Ratio Test (Level 1)
#000028#888888 #0000285.75:1 Passes Luminosity Ratio Test (Level 1)
#000050#888888 #0000505.31:1 Passes Luminosity Ratio Test (Level 1)
#000078#888888 #0000784.66:1 Passes Luminosity Ratio Test (Level 1)
#002800#888888 #0028004.54:1 Passes Luminosity Ratio Test (Level 1)
#280000#888888 #2800005.43:1 Passes Luminosity Ratio Test (Level 1)
#280028#888888 #2800285.29:1 Passes Luminosity Ratio Test (Level 1)
#280050#888888 #2800504.91: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