Color Contrast Checker

Check color contrast ratios for WCAG compliance.

Foreground Color

Background Color

Preview Text

The quick brown fox jumps over the lazy dog.

Small text preview (12px)

21.00:1

Contrast Ratio

✓

AA

Normal Text

✓

AAA

Normal Text

✓

AA

Large Text

✓

AAA

Large Text

WCAG 2.1 Requirements:

AA: 4.5:1 for normal text, 3:1 for large text (18pt+ or 14pt+ bold)
AAA: 7:1 for normal text, 4.5:1 for large text