Advertisement

Free Online Color Contrast Checker

Check text and background colors against WCAG contrast requirements.

Enter colors to check contrast.

Large heading text

This is normal paragraph text. Good contrast makes content easier to read for everyone.

Contrast ratio
โ€”
WCAG AA
โ€”
4.5:1 normal, 3:1 large
WCAG AAA
โ€”
7:1 normal, 4.5:1 large
Advertisement

About the Color Contrast Checker

Free WCAG color contrast checker. Test foreground and background colors for AA and AAA contrast ratios with live previews.

How to use this tool

Use the controls above to enter your values, choose your options, and view the result. The tool updates as you work, and the result can be copied or downloaded where supported.

Frequently asked questions

Is this tool free?

Yes. Every tool on ImGenerate is free to use and does not require an account.

Is my data safe?

Tools that run entirely in the browser keep your data on your device. Any server-backed lookup is noted in the tool and only sends the information needed for the result.

Sponsored
Find a bug? Report now