Convert #276B82 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #276B82
Your Color#276B82
#276B82
Tailwind Match#155E75
cyan-800Quick Copy
Tailwind CSS Usage Examples
Background
bg-cyan-800Background Preview
Text Color
text-cyan-800Text Color Preview
Border
border-cyan-800Border Preview
Ring/Outline
ring-cyan-800Divide
divide-cyan-800Placeholder
placeholder-cyan-800Alternative Tailwind Colors
Other Tailwind colors close to #276B82
cyan-800#155E75Best Matchcyan-700#0E7490teal-700#0F766Esky-800#075985cyan-900#164E63slate-600#475569Full 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