Color Contrast Checker – WCAG AA & AAA

Check the contrast ratio between text and background colors and see if it passes WCAG AA and AAA for normal and large text.

How to Check Color Contrast

Pick or type the text and background colors. The ratio and pass/fail results update instantly.

What contrast ratio is needed?

AA needs 4.5:1 for normal text and 3:1 for large text. AAA needs 7:1 and 4.5:1.

Why does contrast matter?

Low contrast text is hard to read for many people, especially in sunlight or on small screens.

What counts as large text?

About 24px regular or 18.7px bold and above.

Which formula is used?

The WCAG relative luminance formula.

Share this tool:

Aap ye tools bhi try kar sakte hain