Convert #AA222F to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #AA222F
Your Color#AA222F
#AA222F
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 #AA222F
rose-800#9F1239Best Matchred-700#B91C1Cred-800#991B1Brose-700#BE123Cpink-800#9D174Dorange-800#9A3412Full 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