Contrast Checker
Check color contrast ratios for WCAG accessibility compliance
Sample Text
21:1
WCAG Compliance
Normal Text (AA)
✓
4.5:1
Large Text (AA)
✓
3:1
Normal Text (AAA)
✓
7:1
Large Text (AAA)
✓
4.5:1
About WCAG Contrast Requirements
The Web Content Accessibility Guidelines (WCAG) define contrast ratios to ensure text is readable for people with visual impairments.
- Normal text is defined as text smaller than 18pt (24px) or 14pt (18.66px) bold
- Large text is defined as text 18pt (24px) or larger, or 14pt (18.66px) bold or larger
- AA level requires 4.5:1 for normal text and 3:1 for large text
- AAA level requires 7:1 for normal text and 4.5:1 for large text