Convert #3A6CA1 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #3A6CA1
Your Color#3A6CA1
#3A6CA1
Tailwind Match#0E7490
cyan-700Quick Copy
Tailwind CSS Usage Examples
Background
bg-cyan-700Background Preview
Text Color
text-cyan-700Text Color Preview
Border
border-cyan-700Border Preview
Ring/Outline
ring-cyan-700Divide
divide-cyan-700Placeholder
placeholder-cyan-700Alternative Tailwind Colors
Other Tailwind colors close to #3A6CA1
cyan-700#0E7490Best Matchslate-500#64748Bblue-800#1E40AFsky-700#0369A1cyan-800#155E75gray-500#6B7280Full 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