Color Contrast Checker 🐾
Check the WCAG contrast ratio between two colors and see which accessibility levels pass — instant and private.
Good contrast makes text readable — and QR codes scannable. Pick two colors and see the ratio and which WCAG levels they meet. It's pure math, computed in your browser.
The quick brown fox 🦊
21.00 : 1
| Level | Normal text | Large text |
|---|---|---|
| AA | ||
| AAA |
AA needs 4.5:1 for normal text (3:1 large); AAA needs 7:1 (4.5:1 large). For QR codes, aim well above 3:1 between the modules and the background.
More free, private tools 🐾
QR Puppy started with QR codes — but a lot of things people pay for are just work your own device can do.