🎨

Color Contrast Checker

Check foreground/background color contrast ratio for WCAG AA and AAA accessibility compliance. Instant pass/fail results.

WCAG 2.1Instant

🎨 Colors

Foreground (Text)

Background

Quick Presets

The quick brown fox

Normal text — 16px regular weight

—

Contrast Ratio

AA · Normal text

—

Requires ≥ 4.5:1

AA · Large text

—

Requires ≥ 3:1

AAA · Normal text

—

Requires ≥ 7:1

AAA · Large text

—

Requires ≥ 4.5:1