WCAG AA and AAA contrast checker with live ratios, pass/fail badges for normal and large text, and suggested fixes. Built and hosted by us.
Why we recommend it
Contrast is the one accessibility check that is genuinely objective, and the one most often done by eye. This gives the number, against the surface the colour is actually painted on.
Strengths
- Free with no account, runs entirely in your browser. Covers AA and AAA for both normal and large text, and suggests a corrected colour when a pair fails.
Drawbacks
- Contrast is only one of the WCAG success criteria — passing here does not make an interface accessible. It also cannot know which surface a colour will sit on in practice, and checking against white when the real background is a tinted card is the most common way a checked palette still ships inaccessible.
Colour Contrast Checker alternatives and related tools
Heroicons
Icon set from the Tailwind team, in outline, solid and mini variants.
FreeAdobe Illustrator
The industry standard for vector work. If you're creating logos, icons, or illustrations professionally, Illustrator's power and stability…
PaidPhosphor Icons
Flexible icon family with six weights from thin to duotone.
FreePencil2D
Minimal hand-drawn animation tool for traditional frame-by-frame work.
FreeAll product names, logos and brands referenced on this site are the property of their respective owners. They are used here for identification purposes only, to describe the tools being reviewed. Their use does not imply any affiliation with, endorsement by, or sponsorship of The Design Tools by those owners.