🌓
Color Contrast Checker
Check WCAG accessibility compliance
Foreground (Text)
Background
↔ Swap Colors
Large Text (24px+)
Normal text at 16px — The quick brown fox jumps over the lazy dog.
Small text at 14px — WCAG requires higher contrast for smaller text.
12.63
Contrast Ratio
WCAG AA (Normal Text)
PASS
Requires 4.5:1
WCAG AA (Large Text)
PASS
Requires 3:1
WCAG AAA (Normal Text)
PASS
Requires 7:1
WCAG AAA (Large Text)
PASS
Requires 4.5:1
Quick Presets