👁️
WCAG Contrast Checker
Check colour contrast for accessibility — AA/AAA pass-fail with live preview.
·
⚠️
Enter two valid colors
Use 3- or 6-digit hex like
#0f172a or the color picker.
contrast
1:13:14.5:17:121:1
💡 Suggested foreground to pass
Tints your text toward black/white until it passes, preserving the rest of your palette.
Ratios use the official WCAG 2.x relative-luminance formula — everything runs in your browser, nothing is uploaded. You've checked ratios. 👁️
📢 Ad slot — configure AdSense in Admin → Ads & Monetization
Related tools
🇮🇳 Built by Workaholic Developers
We built this little toy in days. Imagine what we’ll build for you.
AI agents, web apps, automation, custom tools — designed and engineered fast, on whatever tech fits the job. If you can describe it, we can build it.