Free Tool · No Signup
WCAG Color
Contrast Checker
Enter any foreground and background color pair. Get instant WCAG 2.1 pass/fail results for AA and AAA compliance — covering normal text, large text, and UI components.
Color Inputs
—
Contrast Ratio
AA Normal Text
Requires ≥ 4.5:1
—
AA Large Text
Requires ≥ 3:1 · 18pt+ or 14pt+ bold
—
AAA Normal Text
Requires ≥ 7:1
—
AAA Large Text
Requires ≥ 4.5:1 · 18pt+ or 14pt+ bold
—
UI Components
Requires ≥ 3:1 · icons, borders, inputs
—
Live Preview
Heading Text Sample
This is how body copy looks at normal text size. Good contrast means your readers don't have to squint to follow along — especially on screens with glare or users with low vision.
Button / UI Element
Also free
New tools, first.
We're shipping more free design utilities. Drop your email and we'll tell you when something new lands.
You're on the list ✓
Design accessible pages with Forma
Forma's AI design engine generates full landing pages with accessible color palettes baked in — WCAG-aware from the start, not an afterthought.