Convert #E8CD45 to Tailwind CSS

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

Your Color#E8CD45
#E8CD45
Tailwind Match#FCD34D
amber-300

Quick Copy

Tailwind CSS Usage Examples

Background

bg-amber-300
Background Preview

Text Color

text-amber-300

Text Color Preview

Border

border-amber-300
Border Preview

Ring/Outline

ring-amber-300

Divide

divide-amber-300

Placeholder

placeholder-amber-300

Alternative Tailwind Colors

Other Tailwind colors close to #E8CD45

amber-300#FCD34DBest Match
Copy
yellow-300#FDE047
Copy
amber-400#FBBF24
Copy
yellow-400#FACC15
Copy
orange-300#FDBA74
Copy
orange-400#FB923C
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