Convert #D2C446 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #D2C446
Your Color#D2C446
#D2C446
Tailwind Match#FCD34D
amber-300Quick Copy
Tailwind CSS Usage Examples
Background
bg-amber-300Background Preview
Text Color
text-amber-300Text Color Preview
Border
border-amber-300Border Preview
Ring/Outline
ring-amber-300Divide
divide-amber-300Placeholder
placeholder-amber-300Alternative Tailwind Colors
Other Tailwind colors close to #D2C446
amber-300#FCD34DBest Matchyellow-300#FDE047amber-400#FBBF24lime-300#BEF264lime-400#A3E635orange-300#FDBA74Full 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