Contrast Checker
Check WCAG AA/AAA color contrast ratios for accessibility.
100% Free Forever
Sample heading
The quick brown fox jumps over the lazy dog.
Contrast Ratio
17.40:1
AA Normal
Pass
AA Large
Pass
AAA Normal
Pass
AAA Large
Pass
Free WCAG Contrast Checker
Check whether your foreground and background colors meet WCAG AA and AAA accessibility standards.
How to use this tool
- 1
Pick foreground & background
Use color pickers or enter HEX.
- 2
Read the contrast ratio
AA/AAA pass/fail shown automatically.
Pro tips
- WCAG AA needs 4.5:1 for normal text; AAA needs 7:1.
Frequently asked questions
Does it test large text differently?
Yes — large text has lower thresholds (3:1 AA, 4.5:1 AAA).