WCAG Contrast Checker
Check the contrast ratio between text and background colours against WCAG AA and AAA. Free and private: runs in your browser.
Enter the text colour and background colour to get the ratio, a live preview and pass/fail for each WCAG level.
Runs entirely in your browser. Nothing you paste is uploaded or stored.
Use cases
- Answer a quick question without leaving the browser.
- Debug web and API behaviour faster.
- Share a precise result with a teammate.
Frequently asked questions
What contrast ratio do I need?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text and UI components. AAA needs 7:1 for normal text.
Is the WCAG Contrast Checker free?
Yes. It is free with no sign-up, and it runs entirely in your browser, so your input is never uploaded or stored.
Do I need an account?
No. The tool is free, needs no sign-up and runs in your browser.
Related tools
Checking one snippet is a start. Scan your whole repository for free with CodeInspector.