Free WCAG 2.1 tool
Color Contrast Checker
Check WCAG 2.1 AA and AAA compliance for any text/background color pair. Instant contrast ratio, live preview and pass/fail for normal text, large text and UI components.
The quick brown fox jumps over the lazy dog.
Normal body text looks like this at regular size.
Small text, 14px, is harder to read — contrast matters most here.
Contrast ratio
17.85:1
WCAG Level
AAA
✓
Normal text (4.5:1)
✓
Large text (3:1)
✓
UI components (3:1)
Quick presets
Reference
WCAG 2.1 contrast requirements
| Level | Normal text | Large text (18pt+ or 14pt bold) | UI components |
|---|---|---|---|
| AA | 4.5:1 | 3:1 | 3:1 |
| AAA | 7:1 | 4.5:1 | N/A |
Large text = 18pt (24px) normal weight or 14pt (18.67px) bold. UI components include form inputs, buttons and icons.