Free Tool
Color Contrast Checker
Pick a text color and a background color, see the WCAG contrast ratio and whether it passes AA / AAA. Nothing is sent anywhere.
Large heading text
Normal body text at typical paragraph size — this is what most of your page’s content looks like.
Contrast ratio
16.48:1
Normal text — AA
Minimum 4.5:1
Normal text — AAA
Minimum 7:1
Large text (18pt+/14pt bold) — AA
Minimum 3:1
Large text — AAA
Minimum 4.5:1
UI components & graphics — AA
Minimum 3:1
Why this matters for SEO too
Poor color contrast is flagged by Google’s Lighthouse accessibility audit and can affect Core Web Vitals-adjacent quality signals. It's also one of the most common WCAG failures site-wide.