Color Contrast Checker
Check WCAG contrast ratio
π 100% client-side β your data never leaves this pageColors
Aa
Contrast Result
Contrast
17.40:1WCAG AA (normal)PASS
WCAG AA (large)PASS
WCAG AAA (normal)PASS
π 100% client-side
About this tool
Check color accessibility contrast between foreground and background colors with real-time WCAG ratio calculation. The tool evaluates AA and AAA thresholds for normal and large text, helping designers and developers ship readable interfaces that meet accessibility standards.
Frequently Asked Questions
What ratio is required for WCAG AA?
AA requires at least 4.5:1 for normal text and 3:1 for large text.
What ratio is required for WCAG AAA?
AAA requires at least 7:1 for normal text and 4.5:1 for large text.
Can I use shorthand hex values?
Yes. Both 3-digit and 6-digit hex color formats are supported.