Convert #ECD5D8 to Tailwind CSS

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

Your Color#ECD5D8
#ECD5D8
Tailwind Match#FECDD3
rose-200

Quick Copy

Tailwind CSS Usage Examples

Background

bg-rose-200
Background Preview

Text Color

text-rose-200

Text Color Preview

Border

border-rose-200
Border Preview

Ring/Outline

ring-rose-200

Divide

divide-rose-200

Placeholder

placeholder-rose-200

Alternative Tailwind Colors

Other Tailwind colors close to #ECD5D8

rose-200#FECDD3Best Match
Copy
stone-200#E7E5E4
Copy
neutral-200#E5E5E5
Copy
zinc-200#E4E4E7
Copy
pink-200#FBCFE8
Copy
stone-300#D6D3D1
Copy

Full Rose Palette

All shades of rose in Tailwind CSS

50#FFF1F2
100#FFE4E6
200#FECDD3
300#FDA4AF
400#FB7185
500#F43F5E
600#E11D48
700#BE123C
800#9F1239
900#881337
950#4C0519

Related Resources

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