WCAG Contrast Checker
Check whether a text and background color pair is readable enough to meet accessibility standards. The Web Content Accessibility Guidelines define a contrast ratio between two colors, and set minimum thresholds so that people with low vision can still read your content. This checker computes the exact ratio using the official relative-luminance formula and tells you at a glance whether the pair passes AA and AAA for both normal and large text. A live preview shows real sample text in your chosen colors so you can judge it by eye as well as by number. Adjust either color until you clear the level you need. It runs entirely in your browser, instantly and privately.
How to use WCAG Contrast Checker
- Enter your text color.
- Enter your background color.
- Read the contrast ratio and AA and AAA results.
Frequently asked questions
What standard does it check against?
It measures the WCAG contrast ratio and shows whether it passes AA and AAA accessibility levels.
What contrast ratio passes AA?
Normal text needs at least a 4.5 to 1 ratio for AA, and the tool flags whether your pair meets it.
Why does contrast matter?
Sufficient contrast keeps text readable for low vision users, which is required for accessible design.
What is WCAG Contrast Checker?
Check whether a text and background color pair is readable enough to meet accessibility standards. The Web Content Accessibility Guidelines define a contrast ratio between two colors, and set minimum thresholds so that people with low vision can still read your content.
Is WCAG Contrast Checker free to use?
Yes. WCAG Contrast Checker is completely free, with no sign-up and no usage limits.
Does WCAG Contrast Checker work in a web browser?
Yes. WCAG Contrast Checker runs in any modern web browser. There is nothing to download or install.
Is my data private with WCAG Contrast Checker?
Yes. WCAG Contrast Checker runs entirely on your device in your browser, so nothing you enter is uploaded to a server.
Badge
Link this tool from a README, doc or site. The badge links back to this page.
[](https://yourhack.ai/contrast-checker)