Color Contrast Checker — WCAG AA/AAA Accessibility Tool
Contrast Checker
Aa
Visual Hierarchy
The quick brown fox jumps over the lazy dog. Legibility is critical for universal accessibility and rigorous design systems.
Design Tokens
Foreground
#
Background
#
Contrast11.47:1:1
Normal TextAA PASS
AA
AAA
Large TextAA PASS
AA
AAA
FAQ
What is WCAG color contrast?
The Web Content Accessibility Guidelines (WCAG) require a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text to ensure content is readable for users with visual impairments.
What is the difference between AA and AAA?
Level AA is the standard legal requirement for most web content (4.5:1 ratio). Level AAA is the highest accessibility standard, requiring a stricter 7:1 ratio for maximum legibility.
How do I fix a failing contrast ratio?
You can either darken the foreground color on a light background, or lighten it on a dark background. Our Smart Fix tool automatically calculates the closest accessible color.