Convert #DDDD78 to Tailwind CSS

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

Your Color#DDDD78
#DDDD78
Tailwind Match#FDE68A
amber-200

Quick Copy

Tailwind CSS Usage Examples

Background

bg-amber-200
Background Preview

Text Color

text-amber-200

Text Color Preview

Border

border-amber-200
Border Preview

Ring/Outline

ring-amber-200

Divide

divide-amber-200

Placeholder

placeholder-amber-200

Alternative Tailwind Colors

Other Tailwind colors close to #DDDD78

amber-200#FDE68ABest Match
Copy
yellow-200#FEF08A
Copy
lime-300#BEF264
Copy
lime-200#D9F99D
Copy
orange-300#FDBA74
Copy
amber-300#FCD34D
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 #DDDD78Browse all hex colorsExplore color palettes