🎨 Color Contrast Checker
Check WCAG 2.1 color contrast ratios for web accessibility. Instantly see if your text and background colors pass AA and AAA standards.
The quick brown fox jumps over the lazy dog
Small text sample — 14px regular weight
Understanding WCAG Contrast Levels
Normal text: Minimum ratio of 4.5:1. Large text (18pt+ or 14pt bold): Minimum ratio of 3:1. Required for WCAG 2.1 AA compliance.
Normal text: Minimum ratio of 7:1. Large text: Minimum ratio of 4.5:1. Highest level of accessibility compliance.
Why Color Contrast Matters
Over 300 million people have color vision deficiencies worldwide. Poor contrast makes text unreadable for users with low vision, color blindness, or those reading in bright sunlight. WCAG (Web Content Accessibility Guidelines) provides the international standard for web accessibility.
Failing WCAG AA contrast requirements can also expose your organization to legal risk under laws like the ADA (US), AODA (Canada), and EAA (EU). Google also considers accessibility as part of its overall quality assessment of websites.