Color Contrast Checker
Check WCAG accessibility compliance for text and background color combinations.
Large Text (18pt / 14pt bold)
Normal text - The quick brown fox jumps over the lazy dog.
Small text - 0123456789 & !@#$%^
Web accessibility guidelines (WCAG) require sufficient contrast between text and background colors so content is readable for users with low vision or color blindness. This tool checks the contrast ratio between two colors and tells you whether it passes WCAG AA/AAA standards for normal and large text.
Frequently asked questions
WCAG AA requires a 4.5:1 ratio for normal text (3:1 for large text), while the stricter AAA level requires 7:1 for normal text (4.5:1 for large text).
Generally text at 18pt (24px) regular weight or 14pt (18.66px) bold or larger qualifies for the more lenient large-text contrast requirement.
Good contrast makes text readable for users with low vision, color blindness, or those viewing your site in bright sunlight - it's also increasingly a legal/compliance requirement in many contexts, not just a nice-to-have.