Color Contrast Checker
Check any two colors against WCAG contrast ratios for normal and large text.
Free, no signup needed. Runs 100% in your browser.
Loading…
How to use this tool
- Pick text and background colors.
- See the ratio and pass or fail.
- Adjust until body text passes AA.
Frequently asked questions
What ratio do I need?
WCAG AA needs 4.5 to 1 for normal text and 3 to 1 for large text. AAA is stricter at 7 to 1.
Does it cover color blindness?
No. Contrast is only one axis. Test critical UI with a simulator too.
Is it free?
Yes, free with no signup.
Related tools
Need a website for this?
Describe your idea once and BYOB plans, builds, and deploys your site.
Embed this tool
Paste this snippet to show this tool on your own site.