Color Contrast Checker (WCAG)
Check if a foreground/background colour pair meets WCAG AA and AAA accessibility standards.
Studio · neutral surround
Contrast ratio
—
: 1
AA · body text ≥ 4.5
AA · large text ≥ 3.0
AAA · body text ≥ 7.0
AAA · large text ≥ 4.5
One-click fix · keeps the hue
Features
Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text
How to Use
1. Set the text and background colors — the specimen and WCAG verdict update live.
2. Switch specimens (type / article / interface) to judge the pair in realistic use; press S to swap the two colors.
3. If a level fails, use the one-click fix — it adjusts lightness only, keeping your hue — or copy the WCAG report.
Frequently Asked Questions
What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.