Convert #4EABD1 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #4EABD1
Your Color#4EABD1
Shakespeare
Tailwind Match#60A5FA
blue-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-blue-400Background Preview
Text Color
text-blue-400Text Color Preview
Border
border-blue-400Border Preview
Ring/Outline
ring-blue-400Divide
divide-blue-400Placeholder
placeholder-blue-400Alternative Tailwind Colors
Other Tailwind colors close to #4EABD1
blue-400#60A5FABest Matchsky-400#38BDF8teal-400#2DD4BFblue-500#3B82F6teal-300#5EEAD4cyan-400#22D3EEFull Blue Palette
All shades of blue in Tailwind CSS
50#EFF6FF
100#DBEAFE
200#BFDBFE
300#93C5FD
400#60A5FA
500#3B82F6
600#2563EB
700#1D4ED8
800#1E40AF
900#1E3A8A
950#172554