Convert #DF6D80 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #DF6D80
Your Color#DF6D80
#DF6D80
Tailwind Match#FB7185
rose-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-rose-400Background Preview
Text Color
text-rose-400Text Color Preview
Border
border-rose-400Border Preview
Ring/Outline
ring-rose-400Divide
divide-rose-400Placeholder
placeholder-rose-400Alternative Tailwind Colors
Other Tailwind colors close to #DF6D80
rose-400#FB7185Best Matchred-400#F87171pink-500#EC4899pink-400#F472B6rose-500#F43F5Epink-600#DB2777Full 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