Free tool · runs in your browser
Color contrast checker (WCAG)
Low contrast makes text unreadable for many users, especially people with low vision and anyone reading a phone in sunlight. This tool calculates the contrast ratio of two colors according to WCAG and shows whether they pass AA and AAA for normal and large text.
Sample text
This is a sample so you can see how readable the color pair is.
Large sample text
Contrast ratio
17.40 : 1
- Normal text, AA (at least 4.5)Pass
- Large text, AA (at least 3)Pass
- Normal text, AAA (at least 7)Pass
- Large text, AAA (at least 4.5)Pass
How to use it
- Enter the text and background colors with the picker or a hex code (such as #1a1a1a).
- Read the contrast ratio and the AA and AAA results.
- If it fails, make one of the colors lighter or darker.
Frequently asked questions
What is the minimum allowed contrast?
For AA, normal text needs at least 4.5 to 1 and large text (about 24px, or 19px bold) at least 3 to 1. AAA asks for 7 and 4.5.
Is this tool only for the web?
No. The formula applies to any screen design, from mobile apps to digital posters.
Does contrast affect SEO?
There is no proven direct ranking effect, but better readability keeps visitors longer, helps conversions and is part of accessibility.
More free tools
- Free
Free website SEO and health check
Enter your address and see your basic SEO, response speed and the issues that matter in seconds.
Use the tool - Free
Meta tag and Open Graph generator
Write your title and description, preview the Google result and copy ready-made HTML.
Use the tool - Free
FAQ schema (JSON-LD) generator
Enter your page's questions and answers and build FAQPage JSON-LD.
Use the tool
Next step
Leave the fixing to us
A tool shows the problem; doing the fix properly is our team's job.