Free tool · WCAG 2.2
Professional Color Contrast Checker
Test your color pairs against WCAG 2.2 standards. Ensure your digital content is readable for everyone.
Sample paragraph at 14px — the size most marketing copy ships at.
Body text at 16px — the WCAG default for “normal”.
Large text · 24px bold
Contrast ratio
17.85:1
- Pass · AA · normal text (≥ 4.5)
- Pass · AA · large text (≥ 3.0)
- Pass · AAA · normal text (≥ 7.0)
- Pass · AAA · large text (≥ 4.5)
Why is color contrast critical?
Visual impairments
Essential for users with low vision or color blindness.
Situational usability
Improves readability on low-quality screens or under direct sunlight.
Legal compliance
Required by ADA, EAA, and Section 508 to avoid legal risks.
Understanding AA vs. AAA standards
Level AA is the baseline legal requirement for most business sites (4.5:1 ratio). Level AAA (7:1 ratio) is the gold standard, providing maximum inclusivity for all users.
Too many errors to fix manually?
Don’t manually recode every color. Our Accessibility Widget can add a High Contrast mode instantly, and our Scanner finds every error across your entire site.
FAQ