1| 2| 3| 4| 5| 6| 7| 8| 9| Color Contrast Checker — Wang Toolbox 10| 11| 12| 24| 40| 41| 42| 43|
44| 45| 49|
50|
51|
All Tools / Color Contrast Checker
52|
53|

👁️ Color Contrast Checker

54|

Check WCAG color contrast ratios for accessibility.

55|
56|
57|
58| 59| 60|
61|
Sample Text — How readable is this?
62|
63|
0:1
64|
65|
WCAG AA Normal
—
66|
WCAG AA Large
—
67|
WCAG AAA Normal
—
68|
WCAG AAA Large
—
69|
70|
71|
72|

The Color Contrast Checker evaluates color combinations against WCAG standards. Ensure your text is readable by people with visual impairments.

Find complementary colors with the Color Picker.

73|
74|
75|

Related Tools

76|
77| Best Developer Tools 78| Color Picker 79| CSS Gradient Generator 80| Box Shadow Generator 81|
82|
83|
84| 87|
88| 104| 110| 111|