🖌️ Contrastly — Instantly Check Tailwind Colors Against WCAG AA/AAA

I often found myself double-checking Tailwind colors against WCAG contrast rules.
So I built a tiny tool: Contrastly.

Pick a Tailwind token → see AA/AAA pass/fail instantly.

I’d love to hear if it’s useful for you, or if there’s an edge case I missed. Feedback welcome 🙌

👉 https://www.contrastly.yokotools.dev/

Would you use this in your workflow?

Comments

[Jess Lee]

This is awesome!

[Yoko]

Thanks!

[Muhammed Sabith]

🔥❤️

[Yoko]

Thanks! 🔥❤️

[Praveen Rajamani]

Cool tool! This makes checking colour contrast with Tailwind so much easier.

[Yoko]

Appreciate it! Happy it makes things easier 🔥