WCAG Contrast & A11y Checker
Ensure your designs are accessible to everyone with real-time contrast checking.
Contrast Ratio
0.00:1normal Text Results
large Text Results
Testing Large Text
This is a preview of normal body text to see how legible it is against your chosen background.
Why does contrast matter?
Good contrast helps people with visual impairments like color blindness or low vision read your content easily. It also improves usability for everyone in bright or low-light conditions.
What are WCAG Contrast Guidelines?
The Web Content Accessibility Guidelines (WCAG) define specific contrast ratios between text and its background. This ensures content is accessible to users with moderately low vision.
AA vs AAA Standard
AA (Minimum) requires a ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA (Enhanced) requires a ratio of 7:1 for normal text and 4.5:1 for large text.
Frequently Asked Questions
What counts as 'Large Text'?
Large text is defined as at least 18pt (24px) normal weight, or 14pt (18.67px) bold weight.
Is this tool purely browser-based?
Yes. All calculations happen locally using standard color science formulas. No data is transmitted to our servers.