Skip to the content

WebAIM Contrast Checker

Check two colours against WCAG contrast ratios.

Visit webaim.org Compare with another

Alternatives to WebAIM Contrast Checker

All of Accessibility

StarkAccessibilityFreemiumAccessibility checks inside Figma, Sketch and the browser.
The A11Y ProjectAccessibilityFreeA community checklist and plain-language articles.
Who Can UseAccessibilityFreeSee which kinds of vision can read a colour combination.
LeonardoColourFreeAdobe’s tool for generating colour scales by target contrast ratio.
Adobe ColorColourFreeColour wheel harmonies, extraction from images and contrast checks.
axe DevToolsAccessibilityFreemiumAutomated accessibility testing in your browser’s dev tools.
Inclusive ComponentsAccessibilityFreeHeydon Pickering on building accessible interface components.
WAVEAccessibilityFreeEvaluate a page for accessibility errors in place.

WebAIM Contrast Checker, side by side

In search, type /like webaim contrast checker or /vs webaim contrast checker … to get here from anywhere.

Know a tool that belongs on a shelf?

Send it in and tell us what you use it for. If it earns a shelf, you’ll hear back with the line we wrote for it.

Submit tool