Color & Design Tools
Color Contrast (WCAG) Checker
Check WCAG AA/AAA color contrast ratios for normal and large text.
Loading tool…
What is Contrast Check?
The WCAG specifies minimum contrast ratios for text legibility: 4.5:1 for normal text (AA), 3:1 for large text (AA), 7:1 for normal (AAA), 4.5:1 for large (AAA).
How it works
We compute the relative luminance of both colors per the WCAG formula, then calculate the contrast ratio and compare against all four thresholds.
- Enter your input. Type or paste your input into the field above — the tool responds instantly.
- Review the result. Output updates live as you type. Everything runs entirely in your browser.
- Copy or download. Use the Copy button to grab the result, or Download to save it as a file.
Examples
Realistic sample
Type or paste any realistic input — the tool computes the result locally and instantly.
Common mistakes
Expecting a server round-trip
Nothing is uploaded — every tool in this category runs entirely in your browser.