WCAG Contrast Checker

Is that text actually readable? Contrast ratio with AA/AAA pass-fail for normal and large text.

Free to use · No account required

Enable JavaScript to use the interactive WCAG Contrast Checker. The input fields and calculations run in your browser.

How it works

Contrast ratio = (L1 + 0.05) / (L2 + 0.05) using WCAG relative luminance. AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1.

Related tools