Color contrast checker
Enter foreground and background colors to check WCAG 2.1 contrast ratios. See pass/fail for AA and AAA levels for both normal and large text. Runs entirely in your browser.
Normal text (16px)
The quick brown fox jumps over the lazy dog.
Large text (24px bold)
Large text (18px regular)
17.06:1
Contrast ratio
| Level | Normal text (≥4.5:1) | Large text (≥3:1) |
|---|---|---|
| AA | ✓ | ✓ |
| AAA | ✓ | ✓ |
Large text is defined as 18pt (24px) regular or 14pt (18.67px) bold. WCAG 2.1 SC 1.4.3 / 1.4.6.