Free Color Contrast Checker
Pick a text color and background color to get the WCAG contrast ratio instantly — with AA/AAA pass/fail for normal and large text.
Aa — The quick brown fox
Small body text sample (14px)
–
Contrast ratio
–
WCAG AA
–
WCAG AAA
How to use
- Pick your text color and background color (picker or hex).
- See the live preview and contrast ratio update instantly.
- Aim for AA pass (4.5:1) for body text, AAA (7:1) for the strictest standard.
Frequently asked questions
What is a good contrast ratio?
4.5:1 minimum for normal text (WCAG AA); 3:1 for large text; 7:1 for AAA.
What counts as large text?
18pt (24px) or 14pt (18.66px) bold and larger.
Why does contrast matter?
Low contrast hurts readability and accessibility — and can cost you SEO and conversions.
Is the checker free?
Yes — free, no signup.