Color Contrast Checker
Check WCAG accessibility contrast ratios between foreground and background colors.
How to use this tool
1
Open Color Contrast Checker
The tool is already loaded above — no download or account needed.
2
Enter your data
Paste or type your input. Results appear instantly.
3
Copy or download
Export your result with one click — ready to use anywhere.
Advertisement
Why use this tool
100% in-browser
Your data never leaves your device — fully private.
No signup needed
Use any tool instantly without creating an account.
Always free
Every tool is free with no daily limits or paywalls.
Copy & download
Export results in one click, ready to paste anywhere.
FAQ
What is WCAG contrast ratio?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.
How is contrast ratio calculated?
The ratio is (L1 + 0.05) / (L2 + 0.05) where L1 and L2 are the relative luminances of the lighter and darker colors.