Free tool · Design
Color Contrast Checker
Check whether your text colour is readable on its background, against WCAG rules.
Large text (24 px and up)
Normal body text at 16 px. The quick brown fox jumps over the lazy dog.
11.33: 1 contrast ratio
- PassNormal text AANeeds 4.5:1
- PassNormal text AAANeeds 7:1
- PassLarge text AANeeds 3:1
- PassLarge text AAANeeds 4.5:1
Good to know
How this tool works
Check two colours against WCAG 2.1 contrast rules. See the ratio and a pass or fail for AA and AAA, at normal and large text sizes, before you ship.
- Everything happens in your browser. What you type is not sent to Brand Bakery or stored by us.
- Free to use, with no account and no email gate. Check the output before you publish or print it.
- Agents and scripts can call it too:
POST /api/tools/color_contrast. See the API docs.
Want it done for you?
The service behind it
More from the pantry
Related tools
- Design
QR Code Generator
Make a QR code for a link, text or contact details, and download it as a PNG.Runs in your browserOpen - Leads & sales
Lead Leak Audit
Ten yes, no or not sure questions that show where your enquiries slip away, with a score out of 100 and what to fix first.Runs in your browserOpen - Leads & sales
Interior Enquiry Reply Clock
For interior designers and modular kitchen firms: see how long your unluckiest enquiry waits for a reply, and the project value that arrives while you are closed.Runs in your browserOpen
Need more than a tool?
Want this done properly?
Tell us about your website, brand or enquiry flow. A person reads every enquiry and replies by email.