Convert #3486BC to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #3486BC
Your Color#3486BC
#3486BC
Tailwind Match#0891B2
cyan-600Quick Copy
Tailwind CSS Usage Examples
Background
bg-cyan-600Background Preview
Text Color
text-cyan-600Text Color Preview
Border
border-cyan-600Border Preview
Ring/Outline
ring-cyan-600Divide
divide-cyan-600Placeholder
placeholder-cyan-600Alternative Tailwind Colors
Other Tailwind colors close to #3486BC
cyan-600#0891B2Best Matchsky-600#0284C7blue-500#3B82F6blue-600#2563EBcyan-700#0E7490sky-700#0369A1Full Cyan Palette
All shades of cyan in Tailwind CSS
50#ECFEFF
100#CFFAFE
200#A5F3FC
300#67E8F9
400#22D3EE
500#06B6D4
600#0891B2
700#0E7490
800#155E75
900#164E63
950#083344