Check as complete
Icons need a contrast ratio of at least 3.0:1 against background colors.
Useful resources:
Check the color contrast of your icons and learn more about best practices with these excellent color contrast tools:
- Color Contrast Analyzer (Chrome Extension)
- TPG’s Color Contrast Analyser
- tanaguru contrast finder
- WebAIM’s Contrast Checker
- Colorable
A11y project reference:
Check the contrast for all icons
WCAG reference:
Back to checklist
Total progress
Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
![Celebration horn and streamer emoji](https://cdn.prod.website-files.com/64f8a36c1caf0d851204fa11/64f8a36c1caf0d851204fa81_party-popper_1f389.png)
0 / 0
Hide progress