Convert #FFA200 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #FFA200
Your Color#FFA200
#FFA200
Tailwind Match#F59E0B
amber-500Quick Copy
Tailwind CSS Usage Examples
Background
bg-amber-500Background Preview
Text Color
text-amber-500Text Color Preview
Border
border-amber-500Border Preview
Ring/Outline
ring-amber-500Divide
divide-amber-500Placeholder
placeholder-amber-500Alternative Tailwind Colors
Other Tailwind colors close to #FFA200
amber-500#F59E0BBest Matchyellow-500#EAB308amber-400#FBBF24yellow-400#FACC15orange-500#F97316amber-600#D97706Full 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