Color Contrast Checker
Enter a text color and background color, see the WCAG contrast ratio and AA/AAA pass status instantly.
Sample large text (18pt+)
Sample normal text — the quick brown fox jumps over the lazy dog.
21.00:1
AA · Normal text (≥4.5)
AAA · Normal text (≥7)
AA · Large text (≥3)
AAA · Large text (≥4.5)
About this tool
WCAG contrast ranges from 1:1 (no contrast) to 21:1 (black on white), based on relative luminance. This checks the exact ratio against all four common thresholds at once.
Which threshold applies?
AA (baseline): 4.5:1 normal, 3:1 large text. AAA (stricter): 7:1 normal, 4.5:1 large. Green badges show which levels your pair clears.