Color Contrast Checker

Check WCAG color contrast ratios for accessibility compliance.

Normal text — The quick brown fox jumps over the lazy dog.

Large text — Heading Preview

:1

Contrast Ratio

WCAG AA (Normal)
Requires 4.5:1
WCAG AA (Large)
Requires 3:1
WCAG AAA (Normal)
Requires 7:1
WCAG AAA (Large)
Requires 4.5:1