Convert #DDA2B4 to Tailwind CSS

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

Your Color#DDA2B4
#DDA2B4
Tailwind Match#FDA4AF
rose-300

Quick Copy

Tailwind CSS Usage Examples

Background

bg-rose-300
Background Preview

Text Color

text-rose-300

Text Color Preview

Border

border-rose-300
Border Preview

Ring/Outline

ring-rose-300

Divide

divide-rose-300

Placeholder

placeholder-rose-300

Alternative Tailwind Colors

Other Tailwind colors close to #DDA2B4

rose-300#FDA4AFBest Match
Copy
red-300#FCA5A5
Copy
pink-300#F9A8D4
Copy
pink-400#F472B6
Copy
red-200#FECACA
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 #DDA2B4Browse all hex colorsExplore color palettes