Colour contrast checker
Check whether text is readable on its background, with the WCAG contrast ratio and AA and AAA results. If it fails, get the nearest colour that passes.
Runs in your browser. Your files are never uploaded or stored.
Large text sample
This is how normal body text looks with these colours.
contrast ratio
- AA, normal text ≥ 4.5:1
- AA, large text ≥ 3:1
- AAA, normal text ≥ 7:1
- AAA, large text ≥ 4.5:1
- Icons and buttons ≥ 3:1
Something not working, or missing an option?
How to use Colour contrast checker
- Pick or type the text and background colours.
- Read the contrast ratio and which levels pass.
- If it fails, use the suggested colour.
Questions
Which level should I aim for?
AA is the usual legal and design standard: 4.5:1 for body text and 3:1 for large text. AAA is stricter.
Are my files uploaded?
No. The tool runs inside your browser, and the page is blocked from sending data anywhere. You can check by turning off your internet connection: it keeps working.
Open-source parts
This tool uses only features built into your browser: no third-party code.