Color Contrast Checker

Runs locally

Check foreground and background color pairs against WCAG 2.1 accessibility standards. See AA and AAA compliance at a glance.

Foreground

Background

Preview

The quick brown fox jumps

Normal body text at 16px. Readable or not?

Small text at 13px — hardest to pass WCAG AA.

ButtonOutline

Contrast Ratio

20.12

:1 ratio

WCAG 2.1 Compliance

Normal text (< 18pt)

AA ✓AAA ✓

Large text (≥ 18pt / 14pt bold)

AA ✓AAA ✓

UI components & graphics

AA ✓

Overall: AAA

Excellent — passes all WCAG 2.1 levels

✓