Color Contrast Checker

Check WCAG contrast of two colors.

-Contrast
-WCAG

How it works

Pick a text and a background color. The ratio uses the WCAG 2 luminance formula: 4.5 passes AA and 7 passes AAA for normal text.

FAQ

What contrast ratio do I need?

WCAG AA needs 4.5 to 1 for normal text and AAA needs 7 to 1.

Does it work for large text?

Large text only needs 3 to 1 for AA.

Also searched as

color contrast checker · wcag contrast checker · contrast ratio calculator · accessibility color checker · text background contrast · aa aaa contrast · check color contrast · web accessibility contrast · contrast checker online · color accessibility tool

More tools