Convert #D94A72 to Tailwind CSS

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

Your Color#D94A72
#D94A72
Tailwind Match#F43F5E
rose-500

Quick Copy

Tailwind CSS Usage Examples

Background

bg-rose-500
Background Preview

Text Color

text-rose-500

Text Color Preview

Border

border-rose-500
Border Preview

Ring/Outline

ring-rose-500

Divide

divide-rose-500

Placeholder

placeholder-rose-500

Alternative Tailwind Colors

Other Tailwind colors close to #D94A72

rose-500#F43F5EBest Match
Copy
pink-600#DB2777
Copy
pink-500#EC4899
Copy
red-400#F87171
Copy
red-500#EF4444
Copy
rose-400#FB7185
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 #D94A72Browse all hex colorsExplore color palettes