Convert #E04870 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #E04870
Your Color#E04870
#E04870
Tailwind Match#F43F5E
rose-500Quick Copy
Tailwind CSS Usage Examples
Background
bg-rose-500Background Preview
Text Color
text-rose-500Text Color Preview
Border
border-rose-500Border Preview
Ring/Outline
ring-rose-500Divide
divide-rose-500Placeholder
placeholder-rose-500Alternative Tailwind Colors
Other Tailwind colors close to #E04870
rose-500#F43F5EBest Matchpink-600#DB2777pink-500#EC4899red-500#EF4444red-400#F87171rose-400#FB7185Full 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