Color Contrast Checker

Test color combinations for WCAG 2.1 accessibility compliance

Foreground (Text)

Background

Quick Presets

Black / White White / Dark Purple / Dark Cyan / Dark Dark Grey / Light Blue / White

Large Text Preview (18pt+)

Normal text preview — the quick brown fox jumps over the lazy dog. Check readability at different sizes.

—

Contrast Ratio

WCAG 2.1 Compliance

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

WCAG 2.1 guidelines: Normal text (<18pt / <14pt bold) needs higher contrast than large text (≥18pt / ≥14pt bold). Level AA is the minimum recommended; Level AAA is enhanced accessibility.