Color Contrast Checker
Ensure your website and content meet WCAG compliance by checking color contrast ratios. Test text and background combinations for accessibility.
The quick brown fox
The quick brown fox jumps over the lazy dog. This sample text demonstrates how your chosen colors will appear in a real-world context with body copy.
Small text like captions and footnotes should also remain readable for accessibility compliance.
Large text is defined as 18pt (24px) regular or 14pt (18.5px) bold.WCAG AA is the minimum standard required for ADA Title II compliance (April 2027 deadline).
Why Color Contrast Matters
Proper color contrast ensures content is readable for everyone, including people with visual impairments.
WCAG Level AA
- Normal text: minimum 4.5:1 contrast ratio
- Large text (18pt+): minimum 3:1 contrast ratio
- Required for ADA Title II compliance
WCAG Level AAA
- Normal text: minimum 7:1 contrast ratio
- Large text (18pt+): minimum 4.5:1 contrast ratio
- Enhanced accessibility (recommended)
Need Help With Accessibility Compliance?
MediaScribe helps government agencies meet WCAG 2.1 AA requirements with automated captioning, translations, and audio descriptions.