Check whether your text colours are readable and meet WCAG accessibility standards.
🔒 Calculated in your browser.
How to use the color contrast checker
- Pick the text colour.
- Pick the background colour.
- Read the ratio and AA/AAA results.
Why contrast matters
Low-contrast text is hard to read for people with low vision and for everyone outdoors on a phone. Accessibility lawsuits in the US often cite contrast failures.
Frequently asked questions
What contrast ratio do I need?
4.5:1 for normal text and 3:1 for large text to meet WCAG AA.
What counts as large text?
24px regular or 18.66px bold and above.
Is light grey on white OK?
Usually not – most light greys fail AA.