Color Finder
Color Name Finder
Find the closest Tailwind CSS color name for any hex color
Input Color
Exact Match!
blue-500
#3b82f6
100% match
Usage
bg-blue-500 text-blue-500 border-blue-500Visual Comparison
Your Color
Tailwind
Difference
100% similar
Top 20 Closest Colors
1
blue-500
#3b82f6
100%
match
2
blue-600
#2563eb
91%
match
3
indigo-500
#6366f1
89%
match
4
blue-400
#60a5fa
88%
match
5
sky-500
#0ea5e9
87%
match
6
indigo-400
#818cf8
86%
match
7
sky-600
#0284c7
85%
match
8
sky-400
#38bdf8
85%
match
9
blue-700
#1d4ed8
84%
match
10
indigo-600
#4f46e5
83%
match
11
cyan-600
#0891b2
82%
match
12
cyan-500
#06b6d4
81%
match
13
violet-500
#8b5cf6
81%
match
14
indigo-700
#4338ca
78%
match
15
cyan-400
#22d3ee
78%
match
16
violet-400
#a78bfa
78%
match
17
sky-700
#0369a1
77%
match
18
violet-600
#7c3aed
77%
match
19
teal-500
#14b8a6
76%
match
20
slate-400
#94a3b8
76%
match
Browse All Tailwind Colors
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green