Color Contrast Checker
Check foreground and background color contrast ratios against WCAG AA and AAA accessibility standards.
Today:
1
|
This week:
12
|
Total uses:
128
Free & Online
Large Text (18pt / 14pt bold)
Normal text body copy — The quick brown fox jumps over the lazy dog.
Small placeholder text example at 12px.
—
Contrast Ratio
WCAG AA
Normal Text (4.5:1)
—
Large Text (3:1)
—
WCAG AAA
Normal Text (7:1)
—
Large Text (4.5:1)
—
Quick presets:
Color of the Day
Jun 22, 2026
Indigo
HSL(276, 49%, 38%)
#6A3190
Recent Activity
Checked #8b5cf6 on #ec4899 — Ratio: 12.8:1
7m ago
Checked #f97316 on #3b82f6 — Ratio: 3.9:1
24m ago
Did You Know?
Dark mode interfaces need the same contrast ratios as light mode — WCAG applies to both.