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

Yoko @yokoworks

About: Frontend-focused full-stack engineer with a UX mindset and a strong interest in accessibility-by-design. I build practical tools and share what I learn along the way.

Joined:
Sep 29, 2020

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

Publish Date: Sep 2 '25
26 6

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 6 total

  • Muhammed Sabith
    Muhammed SabithSep 2, 2025

    🔥❤️

    • Yoko
      YokoSep 2, 2025

      Thanks! 🔥❤️

  • Jess Lee
    Jess LeeSep 2, 2025

    This is awesome!

    • Yoko
      YokoSep 2, 2025

      Thanks!

  • Praveen Rajamani
    Praveen RajamaniSep 3, 2025

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

    • Yoko
      YokoSep 3, 2025

      Appreciate it! Happy it makes things easier 🔥

Add comment