Hex to Tailwind Color Finder
Find the nearest Tailwind CSS color for any hex color
Pick a Color
#3b82f6
Nearest Tailwind Colors
→
Best
blue-500#3b82f6 · Δ0
→
blue-600#2563eb · Δ72
→
indigo-500#6366f1 · Δ83
→
blue-400#60a5fa · Δ90
→
sky-500#0ea5e9 · Δ99
→
indigo-400#818cf8 · Δ110
→
sky-600#0284c7 · Δ115
→
sky-400#38bdf8 · Δ118
→
blue-700#1d4ed8 · Δ124
→
indigo-600#4f46e5 · Δ127
→
cyan-600#0891b2 · Δ140
→
cyan-500#06b6d4 · Δ142
Full Tailwind Palette
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose
Frequently asked questions
What does Hex to Tailwind Color Finder do?
Find the nearest Tailwind CSS color for any hex color
What should I check in the result?
Keep the original input. Compare a small sample after conversion, especially empty values, special characters, units and repeated fields.