Convert #00C7C7 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #00C7C7
Your Color#00C7C7
#00C7C7
Tailwind Match#06B6D4
cyan-500Quick Copy
Tailwind CSS Usage Examples
Background
bg-cyan-500Background Preview
Text Color
text-cyan-500Text Color Preview
Border
border-cyan-500Border Preview
Ring/Outline
ring-cyan-500Divide
divide-cyan-500Placeholder
placeholder-cyan-500Alternative Tailwind Colors
Other Tailwind colors close to #00C7C7
cyan-500#06B6D4Best Matchteal-500#14B8A6teal-400#2DD4BFsky-500#0EA5E9cyan-400#22D3EEcyan-600#0891B2Full 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