Color Contrast Checker

Check WCAG accessibility compliance for color combinations with real-time analysis

WCAG Color Contrast Analysis

Popular Color Combinations

Background Color

Text Color

Live Preview
Sample Text Display
This is how your text will appear with the selected colors
Normal Text
4.5:1
WCAG AA Pass
Large Text
3.0:1
WCAG AA Pass
WCAG 2.1 Compliance Details
WCAG AA - Normal Text
Minimum 4.5:1 contrast ratio
✅ Pass
WCAG AA - Large Text
Minimum 3:1 contrast ratio
✅ Pass
WCAG AAA - Normal Text
Minimum 7:1 contrast ratio
❌ Fail
WCAG AAA - Large Text
Minimum 4.5:1 contrast ratio
✅ Pass