Color Contrast Checker
Check color contrast ratios for WCAG compliance. Ensure your text is readable and accessible for all users.
Color Selection
Preview
Sample Text
This is how your text will appear with the selected colors. Check if it's readable and accessible.
Contrast Results
Contrast Ratio
21:1
WCAG AA
✅ Pass
Normal Text
WCAG AAA
✅ Pass
Normal Text
WCAG AA (Large)
✅ Pass
18pt+ or 14pt+ bold
WCAG AAA (Large)
✅ Pass
18pt+ or 14pt+ bold
Color Information
Foreground
HEX: #000000
RGB: rgb(0, 0, 0)
Relative Luminance: 0.000
Background
HEX: #ffffff
RGB: rgb(255, 255, 255)
Relative Luminance: 1.000
📋 WCAG Contrast Guidelines
Level AA (Minimum)
- Normal text: 4.5:1 contrast ratio
- Large text: 3:1 contrast ratio
- Required for most websites
- Legal requirement in many countries
Level AAA (Enhanced)
- Normal text: 7:1 contrast ratio
- Large text: 4.5:1 contrast ratio
- Recommended for better accessibility
- Not required for all content