Convert #FF9900 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #FF9900

Your Color#FF9900
#FF9900
Tailwind Match#F59E0B
amber-500

Quick Copy

Tailwind CSS Usage Examples

Background

bg-amber-500
Background Preview

Text Color

text-amber-500

Text Color Preview

Border

border-amber-500
Border Preview

Ring/Outline

ring-amber-500

Divide

divide-amber-500

Placeholder

placeholder-amber-500

Alternative Tailwind Colors

Other Tailwind colors close to #FF9900

amber-500#F59E0BBest Match
Copy
yellow-500#EAB308
Copy
orange-500#F97316
Copy
amber-600#D97706
Copy
amber-400#FBBF24
Copy
yellow-600#CA8A04
Copy

Full 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

Related Resources

View full color details for #FF9900Browse all hex colorsExplore color palettes