Convert #E3CEDD to Tailwind CSS

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

Your Color#E3CEDD
#E3CEDD
Tailwind Match#D4D4D8
zinc-300

Quick Copy

Tailwind CSS Usage Examples

Background

bg-zinc-300
Background Preview

Text Color

text-zinc-300

Text Color Preview

Border

border-zinc-300
Border Preview

Ring/Outline

ring-zinc-300

Divide

divide-zinc-300

Placeholder

placeholder-zinc-300

Alternative Tailwind Colors

Other Tailwind colors close to #E3CEDD

zinc-300#D4D4D8Best Match
Copy
stone-300#D6D3D1
Copy
neutral-300#D4D4D4
Copy
gray-300#D1D5DB
Copy
zinc-200#E4E4E7
Copy
stone-200#E7E5E4
Copy

Full Zinc Palette

All shades of zinc in Tailwind CSS

50#FAFAFA
100#F4F4F5
200#E4E4E7
300#D4D4D8
400#A1A1AA
500#71717A
600#52525B
700#3F3F46
800#27272A
900#18181B
950#09090B

Related Resources