Color to Tailwind

Find the closest Tailwind CSS color class for any hex color value.

100+ ColorsDistance CalcFree

Hex Color

Closest Tailwind Colors

Best match: blue-500

#3b82f6 (distance: 0.0)

blue-600

#2563eb (distance: 39.6)

indigo-500

#6366f1 (distance: 49.1)

blue-400

#60a5fa (distance: 51.1)

sky-500

#0ea5e9 (distance: 58.5)

How It Works

Enter a hex color or use the color picker.

Configure options and preferences.

Copy output or view results instantly.

Free online tools for images, PDFs, text, code, and more. All running in your browser.