Convert #AE4D42 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #AE4D42
Your Color#AE4D42
#AE4D42
Tailwind Match#B45309
amber-700Quick Copy
Tailwind CSS Usage Examples
Background
bg-amber-700Background Preview
Text Color
text-amber-700Text Color Preview
Border
border-amber-700Border Preview
Ring/Outline
ring-amber-700Divide
divide-amber-700Placeholder
placeholder-amber-700Alternative Tailwind Colors
Other Tailwind colors close to #AE4D42
amber-700#B45309Best Matchpink-800#9D174Dorange-800#9A3412orange-700#C2410Camber-800#92400Erose-700#BE123CFull Amber Palette
All shades of amber in Tailwind CSS
50#FFFBEB
100#FEF3C7
200#FDE68A
300#FCD34D
400#FBBF24
500#F59E0B
600#D97706
700#B45309
800#92400E
900#78350F
950#451A03