Free Color Contrast Checker
Check WCAG contrast between two colors.
Loading tool…
About the Color Contrast Checker
Free color contrast checker. Enter a foreground and background color to see the WCAG contrast ratio and whether it passes AA and AAA for normal and large text.
How it works
- 1
Pick colors
Choose foreground and background.
- 2
See the ratio
The contrast ratio is calculated instantly.
- 3
Check passes
See AA and AAA results for text sizes.
Frequently asked questions
WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1 respectively.
Sufficient contrast makes text readable for everyone, including people with low vision, and is a core accessibility requirement.