Contrast Checker
WCAG contrast ratio
100% local — nothing is uploaded
AaThe quick brown fox jumps over the lazy dog
16.97contrast ratio
AA · Normal text≥ 4.5:1
AA · Large text≥ 3:1
AAA · Normal text≥ 7:1
AAA · Large text≥ 4.5:1
How to use
- Enter the foreground (text) and background colors.
- See the contrast ratio and WCAG pass/fail badges.
- Copy either color or adjust until it passes.
FAQ
What do AA and AAA mean?
WCAG levels: AA needs 4.5:1 for normal text (3:1 large), AAA needs 7:1 (4.5:1 large).