Colour contrast checker
Check text and background colours against WCAG.
This tool runs in your browser. Your files and text are not uploaded.
Loading tool…
How to use Colour contrast checker
- Choose text and background colours.
- Read the ratio and pass/fail results.
Questions
What ratio do I need?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text (24 px, or 18.66 px bold). AAA needs 7:1 and 4.5:1.
Related tools
More in Everyday tools · All tools · Tool ID everyday/contrast-checker