Free Color Contrast Checker

Test foreground and background colors against WCAG 2.1 Level AA and AAA contrast requirements. Instant results — no signup.

The quick brown fox
jumps over the lazy dog — sample body text at normal weight.
--
Contrast Ratio
AA Normal
--
Requires 4.5:1
AA Large
--
Requires 3:1
AAA Normal
--
Requires 7:1
AAA Large
--
Requires 4.5:1
About

About WCAG Contrast Ratios

WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text at Level AA. Success Criterion 1.4.6 (Contrast Enhanced) raises the bar to 7:1 and 4.5:1 respectively at Level AAA.

Large text is defined as 18pt or larger (approximately 24px) for regular weight, or 14pt or larger (approximately 18.66px) for bold weight.

Contrast is calculated using the relative luminance of both colors, following the W3C contrast ratio formula. Insufficient contrast is one of the most common accessibility issues — appearing on over 80% of scanned homepages.

Check Every Page on Your Site

This tool tests a single color pair. Scan your whole site for every contrast issue — plus 50+ more WCAG checks.