Convert #34DADA to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #34DADA

Your Color#34DADA
#34DADA
Tailwind Match#22D3EE
cyan-400

Quick Copy

Tailwind CSS Usage Examples

Background

bg-cyan-400
Background Preview

Text Color

text-cyan-400

Text Color Preview

Border

border-cyan-400
Border Preview

Ring/Outline

ring-cyan-400

Divide

divide-cyan-400

Placeholder

placeholder-cyan-400

Alternative Tailwind Colors

Other Tailwind colors close to #34DADA

cyan-400#22D3EEBest Match
Copy
teal-400#2DD4BF
Copy
sky-400#38BDF8
Copy
teal-300#5EEAD4
Copy
cyan-500#06B6D4
Copy
cyan-300#67E8F9
Copy

Full 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

Related Resources