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.
Color Tested | Contrast Samples | Luminosity Ratio |
---|---|---|
#000000 | #888888 #000000 | 5.92:1 ![]() |
#000028 | #888888 #000028 | 5.75:1 ![]() |
#000050 | #888888 #000050 | 5.31:1 ![]() |
#000078 | #888888 #000078 | 4.66:1 ![]() |
#002800 | #888888 #002800 | 4.54:1 ![]() |
#280000 | #888888 #280000 | 5.43:1 ![]() |
#280028 | #888888 #280028 | 5.29:1 ![]() |
#280050 | #888888 #280050 | 4.91:1 ![]() |
« Color Contrast Article | Two-color Comparison | Accessible Design Blog | Joe Dolson Accessible Web Design