WCAG color contrast checker

Pick a text colour and a background colour and instantly see the contrast ratio, with PASS/FAIL badges for WCAG AA and AAA. Live preview, all in your browser — nothing is uploaded.

Text color

Background color

Contrast ratio

21:1

Results

AA · Normal text

≥ 4.5:1

AA · Large text

≥ 3:1

AAA · Normal text

≥ 7:1

AAA · Large text

≥ 4.5:1

Large text = 18pt (24px) regular, or 14pt (18.66px) bold.

Live preview

Normal text — the quick brown fox jumps over the lazy dog.

Large text sample

Everything runs in your browser. No upload, no sign-up.

How it works

STEP 1

Pick two colors

Choose a text colour and a background colour, or paste any HEX value.

STEP 2

Read the ratio

See the exact WCAG contrast ratio and whether it passes AA and AAA for normal and large text.

STEP 3

Check the preview

A live sample shows the real result. Adjust until it passes. All private, nothing leaves your device.