Contrast Checker (WCAG)
Check color contrast ratios for WCAG accessibility compliance.
Helpful?
Thank You!
Thanks for your feedback!
Already Rated
You have already rated this tool.
Select Colors
#
#
WCAG Guidelines
Level AA (Minimum)
- Normal text: 4.5:1
- Large text (18pt+ or 14pt bold): 3:1
Level AAA (Enhanced)
- Normal text: 7:1
- Large text: 4.5:1
Sample Heading Text
This is normal body text (16px). The quick brown fox jumps over the lazy dog.
This is small text (12px). Make sure it's still readable for all users.
Contrast Ratio
21:1
Excellent
WCAG Compliance
| Standard | Normal Text | Large Text |
|---|---|---|
| WCAG AA | Pass | Pass |
| WCAG AAA | Pass | Pass |
Suggestions
Your color combination meets all WCAG requirements!
Foreground
#000000
Luminance: 0.000
Background
#FFFFFF
Luminance: 1.000