Convert #A80030 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #A80030
Your Color#A80030
#A80030
Tailwind Match#9F1239
rose-800Quick Copy
Tailwind CSS Usage Examples
Background
bg-rose-800Background Preview
Text Color
text-rose-800Text Color Preview
Border
border-rose-800Border Preview
Ring/Outline
ring-rose-800Divide
divide-rose-800Placeholder
placeholder-rose-800Alternative Tailwind Colors
Other Tailwind colors close to #A80030
rose-800#9F1239Best Matchrose-700#BE123Cred-800#991B1Brose-900#881337red-700#B91C1Cpink-800#9D174DFull 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