Color Contrast Checker
Ensure your color combinations meet WCAG accessibility standards. An essential tool for creating inclusive designs for everyone.
Color Inputs
Pick your foreground and background colors.
Preview
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Contrast Ratio
3.68:1Normal Text
WCAG AA
3.68 (needs 4.5:1)
WCAG AAA
3.68 (needs 7:1)
Large Text
WCAG AA
3.68 (needs 3:1)
WCAG AAA
3.68 (needs 4.5:1)
Why Color Contrast Matters
Web accessibility (often abbreviated as a11y) is the practice of ensuring that websites and tools are usable by people with disabilities, including visual impairments. Sufficient contrast between text and its background is one of the most critical aspects of web accessibility. Low contrast can make content difficult or impossible for many users to read. Our tool helps you verify your color choices against the internationally recognized Web Content Accessibility Guidelines (WCAG).