Contrast checker
Check whether two colors meet WCAG contrast.
🔒 This file is processed in your browser. It is never uploaded anywhere.
…
How it works
- Enter the text color and the background color you want to check.
- The tool instantly calculates the contrast ratio between the two.
- Check whether it meets the WCAG AA and AAA accessibility levels.
Frequently asked questions
What ratio do I need for it to be accessible?
For normal text, a minimum of 4.5:1 meets level AA (the usual standard) and 7:1 meets the stricter level AAA.
Why does color contrast matter?
Low contrast makes text hard to read for people with low vision and makes your site less accessible and harder to read for everyone, especially outdoors or on low-quality screens.