Check WCAG 2.1 contrast ratios between foreground and background. Shows AA/AAA pass/fail for normal and large text sizes.
Quick Presets
The quick brown fox
Normal text size — AA requires 4.5:1, AAA requires 7:1
Large text (18pt+ or 14pt bold) — AA requires 3:1
Small text is the hardest to make accessible. Always check contrast early in design.
Contrast Ratio
5.70:1
Normal Text — AA
≥ 4.5:1
Normal Text — AAA
≥ 7:1
Large Text — AA
≥ 3:1
Large Text — AAA
≥ 4.5:1
Based on WCAG 2.1 guidelines. Large text = 18pt normal or 14pt bold (≈ 24px / 18.67px).