Color Contrast Checker
Check WCAG 2.1 color contrast compliance
Select Colors
Presets
Contrast Ratio
21.00
:1
WCAG 2.1 Compliance
AA Normal Text ✓
AA Large Text ✓
AAA Normal Text ✓
AAA Large Text ✓
Normal text: < 18pt or < 14pt bold
Large text: ≥ 18pt or ≥ 14pt bold
Preview
Small text (14px)
Normal text (16px)
Large bold text (18px)
Extra large text (24px)
Small text (14px)
Normal text (16px)
Large bold text (18px)
Extra large text (24px)
WCAG 2.1 Requirements
Level AA (Minimum)
- • Normal text: 4.5:1 contrast ratio
- • Large text: 3:1 contrast ratio
- • Required for most websites
Level AAA (Enhanced)
- • Normal text: 7:1 contrast ratio
- • Large text: 4.5:1 contrast ratio
- • Recommended for maximum accessibility
Related Tools
Explore more tools that might help you