Contrast Checker
Check your color pairs against WCAG 2.1 AA & AAA contrast requirements for accessible design.
21.00
Excellent4/4 WCAG criteria pass
Normal AA≥ 4.5
Normal AAA≥ 7.0
Large AA≥ 3.0
Large AAA≥ 4.5
Normal text
The quick brown fox
Large text
The quick brown fox
What do these results mean?
- Normal text
- Body copy and UI labels — anything below 18pt (~24px) or 14pt bold (~18.5px bold). Most people spend the most time reading this, so the contrast requirements are stricter.
- Large text
- Headings and display text at 18pt or larger, or 14pt bold and above. Bigger type is easier to read at lower contrast, so the threshold is more lenient.
- AA — minimum standard
- The baseline required by WCAG 2.1, referenced by most accessibility laws worldwide (ADA, EN 301 549, AODA). If you’re building anything public-facing, AA is the floor.
- AAA — enhanced standard
- A stricter level recommended for long-form reading, government, or medical sites. Not always achievable with every brand palette, but worth aiming for body text when you can.