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