Free Tool
Color Contrast Checker
Ensure your colors meet WCAG 2.2 accessibility standards instantly.
The quick brown fox jumps
This is how your text will look on this background.
Small text for fine print and captions.
Contrast Ratio
0.00:1
PoorWCAG 2.2 Compliance
Hover over each level to see requirements
AA
Small
AA
Normal
AA
Large
AAA
Small
AAA
Normal
AAA
Large
Quick Presets
Need comprehensive accessibility monitoring for your entire website?
Get StartedFAQ
Frequently Asked Questions
What is color contrast ratio?
Color contrast ratio is a measurement of the difference in brightness between text and its background. It's expressed as a ratio like 4.5:1, where higher numbers indicate better contrast and improved readability.
What is the minimum contrast ratio for accessibility?
WCAG 2.2 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold) to meet Level AA. For Level AAA, 7:1 is required for normal text and 4.5:1 for large text.
What's the difference between WCAG AA and AAA?
Level AA is the recommended minimum standard for web accessibility, requiring 4.5:1 contrast for normal text. Level AAA is the highest standard, requiring 7:1 contrast, providing enhanced accessibility for users with more severe visual impairments.
Does this tool work with any color format?
Currently, this tool accepts colors in hexadecimal format (e.g., #FF5733). You can use the color picker or type the hex value directly.
Why is color contrast important for accessibility?
Adequate color contrast ensures that people with visual impairments, color blindness, or those viewing content in challenging lighting conditions can read your content. Poor contrast can make text illegible for millions of users.