Free tool
Check color contrast in seconds
Pick a foreground and a background color to test against WCAG 2.2, AA and AAA for normal and large text, plus the 3:1 non-text requirement.
Enter a valid hex color, like #2f1729 or #fff.
Enter a valid hex color, like #2f1729 or #fff.
Contrast ratio
16.46:1
Passes 5 of 5 checks
Normal text, This sentence passed AA without even studying.
Large text, Honk if you can read this.
Non-text elementNormal text
Body text under 24px, most of the text on a page.
AA · needs 4.5:1PassAAA · needs 7:1PassLarge text
At least 24px, or 18.66px bold.
AA · needs 3:1PassAAA · needs 4.5:1PassNon-text elements
Button borders, focus indicators, icons, and chart elements against adjacent colors (WCAG 1.4.11).
AA · needs 3:1Pass
What the ratios mean
WCAG measures contrast as a ratio between the lighter and darker color, from 1:1 (identical colors) to 21:1 (black on white). The higher the number, the easier your content is to read.
For a deeper look at why contrast matters and how the AA and AAA levels differ, read our guide to accessibility and color contrast.
A11y Pulse is trusted by web teams in regulated, high-stakes industries.
Check your whole site automatically
This tool checks one color pair at a time. A11y Pulse scans every page of your site daily and flags each element that fails color contrast, with clear instructions on how to fix it.
Setup takes less than 60 seconds. No credit card required.