Free · Real-time · WCAG 2.2

Color Contrast Checker

Test foreground and background color combinations against WCAG 2.2 AA and AAA standards — instantly, with color blindness simulation.

16.52:1 · AAA

Pick color

Foreground

Pick color

Background

Preset Pairs

Font Size: 16px

Weight

The quick brown fox jumps over the lazy dog.

Body text: Accessibility ensures that all users, regardless of disability, can perceive and interact with digital content effectively.

Small caption — Published Apr 18, 2025 · 5 min read

Contrast Ratio

16.52:1

✦ AAA

Exceeds WCAG AAA — highest accessibility standard

1:121:1

WCAG 2.2 Compliance

AA – Normal Text

Minimum 4.5:1 ratio (body copy)

Pass

AA – Large Text

Minimum 3:1 ratio (≥18pt regular / ≥14pt bold)

Pass

AA – UI Components

Minimum 3:1 for icons & borders

Pass

AAA – Normal Text

Enhanced 7:1 ratio

Pass

AAA – Large Text

Enhanced 4.5:1 ratio

Pass