Colour Contrast Checker
WCAG AA & AAA accessibility check.
- 100% free
- No sign-up
- Runs in your browser
Readable for everyone
About one in twelve men has some colour-vision deficiency, and everyone struggles with low contrast on a sunny phone screen. WCAG sets minimum contrast ratios so text stays readable.
Pick your colours to see the ratio and an instant pass or fail for each WCAG level.
- 1
Pick text colour
Any CSS colour.
- 2
Pick background
Or swap them.
- 3
Read the results
AA and AAA for text and UI.
Frequently asked questions
What ratio do I need?
4.5:1 for normal text (AA), 3:1 for large text and UI components, 7:1 for AAA.
What counts as large text?
At least 24 px regular or about 18.7 px bold.
Does it check images of text?
No — use the image colour picker to grab the colours first, then check them here.