Scan a site

Contrast checker

WCAG 2.2 · check whether text stays readable for everyone

Free No account required
Colors
Text
Background
Preset pairs
Contrast ratio
19.17 : 1
AA · Normal
≥ 4.5
AA · Large
≥ 3
AAA · Normal
≥ 7
AAA · Large
≥ 4.5
Preview · normal text

The quick brown fox jumps over the lazy dog. Zażółć gęślą jaźń.

1234567890 — & % $ # @ !

Preview · large text (24px)

Large heading title

This tool patches one problem at a time

The Accessibility module in Insight does the same in every audit: Automated WCAG 2.2 tests with a fix list and an action plan.

/ About the tool

How is the contrast ratio calculated?

WCAG contrast is the ratio of relative luminance between two colors. 21:1 is max (white on black); 1:1 means no difference.

WCAG 2.2 defines AA (min 4.5:1 normal text, 3:1 large) and AAA (7:1 and 4.5:1). AA is a common EAA target — not a certification.

Low contrast also hurts readability in sunlight, on older screens, and when eyes are tired.

/ Glossary

WCAG levels

3:1

AA · Large text

Text from 18pt (24px) or 14pt bold. Also interactive and non-text UI.

4.5:1

AA · Normal text

Standard threshold for body text — the usual practical bar.

7:1

AAA · Normal text

Highest level for body text. Often a goal for longer reading.

4.5:1

AAA · Large text

Large text at AAA.

/ FAQ

Frequently asked questions

Only when it is text or a key interactive control. Logos and decoration can differ — text on them still needs AA.