Contrast Checker
Check WCAG accessibility contrast ratios
Sample Heading Text
This is sample body text to preview the contrast ratio.
Small text example for accessibility testing.
21:1
Contrast Ratio
Normal Text
WCAG AA:
✓ Pass
WCAG AAA:
✓ Pass
Large Text
WCAG AA:
✓ Pass
WCAG AAA:
✓ Pass
WCAG Guidelines
- Normal Text AA: Minimum contrast ratio of 4.5:1
- Normal Text AAA: Minimum contrast ratio of 7:1
- Large Text AA: Minimum contrast ratio of 3:1
- Large Text AAA: Minimum contrast ratio of 4.5:1
- Large Text: 18pt+ or 14pt+ bold