Convert #CC6DD0 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #CC6DD0

Your Color#CC6DD0
#CC6DD0
Tailwind Match#F472B6
pink-400

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-400
Background Preview

Text Color

text-pink-400

Text Color Preview

Border

border-pink-400
Border Preview

Ring/Outline

ring-pink-400

Divide

divide-pink-400

Placeholder

placeholder-pink-400

Alternative Tailwind Colors

Other Tailwind colors close to #CC6DD0

pink-400#F472B6Best Match
Copy
purple-400#C084FC
Copy
fuchsia-400#E879F9
Copy
fuchsia-500#D946EF
Copy
purple-500#A855F7
Copy
violet-400#A78BFA
Copy

Full Pink Palette

All shades of pink in Tailwind CSS

50#FDF2F8
100#FCE7F3
200#FBCFE8
300#F9A8D4
400#F472B6
500#EC4899
600#DB2777
700#BE185D
800#9D174D
900#831843
950#500724

Related Resources

View full color details for #CC6DD0Browse all hex colorsExplore color palettes