CLR / 06 · Colour tools
Tailwind colour finder
The nearest Tailwind class to any hex value, with the distance so you can judge it.
Tailwind Colour Finder
Measured against the palette of Tailwind 4.3.3, in Oklab, so the distance follows the eye rather than the red, green and blue channels.
Output703 chars
Nearest class
blue-500
That class is
#2b7fff
How close
Close enough to swap
Nearest class blue-500 That class is #2b7fff Yours is #3b82f6 Distance 0.0193 How close Close enough to swap The rest of the family blue-50 #eff6ff rgb(239 246 255) blue-100 #dbeafe rgb(219 234 254) blue-200 #bedbff rgb(190 219 255) blue-300 #8ec5ff rgb(142 197 255) blue-400 #51a2ff rgb(81 162 255) blue-500 #2b7fff rgb(43 127 255) ← blue-600 #155dfc rgb(21 93 252) blue-700 #1447e6 rgb(20 71 230) blue-800 #193cb8 rgb(25 60 184) blue-900 #1c398e rgb(28 57 142) blue-950 #162456 rgb(22 36 86) Measured against the palette of Tailwind 4.3.3, in Oklab, so the distance follows the eye rather than the red, green and blue channels.
Support Us 💚Help keep ToolZool free
Thanks to you,
ToolZool stays free
Powerful tools should be free for everyone. Here is how that is paid for — all of it, with nothing left off the list.
Buy Zooly a coffeeDirect support that keeps the lights on and new tools coming. Entirely optional.Support Zooly →
Recommended picksPaid tools that finish jobs a browser cannot. Nothing on that page earns us anything today.See recommendations →
Ads, kept respectfulLabelled placements sit outside the working area, so they never come between you and your result.Read the ad policy →
You are awesomeEvery visit, share and kind word helps ToolZool grow and reach more people.
