Contrast Checker
Check color contrast ratios and ensure your designs meet WCAG accessibility standards
Color Selection
Contrast Ratio
21.00:1
Contrast Ratio
WCAG Compliance
WCAG AA - Normal Text
4.5:1
Minimum contrast ratio of 4.5:1 for small text
WCAG AA - Large Text
3:1
Minimum contrast ratio of 3:1 for large text
WCAG AAA - Enhanced
7:1
Minimum contrast ratio of 7:1 for enhanced readability
Quick Reference
• AA is the minimum requirement
• AAA provides better accessibility
• Higher ratios improve readability
Live Preview
Normal Text
Large Text
Bold Text
Heading