Test foreground and background color combinations to see contrast ratio results and improve readability for your UI and web designs.
| Normal text | Large text (18pt+) | |
|---|---|---|
| WCAG AA | ✓ Pass (≥ 4.5) | ✓ Pass (≥ 3.0) |
| WCAG AAA | ✓ Pass (≥ 7.0) | ✓ Pass (≥ 4.5) |
Normal body copy at 18pt. The quick brown fox jumps over the lazy dog.
Smaller body copy at 14pt. The quick brown fox jumps over the lazy dog.
Check WCAG AA / AAA contrast ratios between any two colors. Real-time feedback for normal and large text.