Color Contrast Checker (WCAG)

Check text and background colours against WCAG 2.2 AA and AAA, and get the nearest passing colour automatically.

Free
No sign-up
Runs in your browser
Web & Developer

About the Color Contrast Checker (WCAG)

Pick two colours to see the contrast ratio and whether it passes for normal text, large text and UI components.

How it works

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

Frequently asked questions

What counts as large text?

24px regular or 18.66px (14pt) bold and above.