Convert #F5EDEF to Tailwind CSS

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

Your Color#F5EDEF
Soft Peach
Tailwind Match#F4F4F5
zinc-100

Quick Copy

Tailwind CSS Usage Examples

Background

bg-zinc-100
Background Preview

Text Color

text-zinc-100

Text Color Preview

Border

border-zinc-100
Border Preview

Ring/Outline

ring-zinc-100

Divide

divide-zinc-100

Placeholder

placeholder-zinc-100

Alternative Tailwind Colors

Other Tailwind colors close to #F5EDEF

zinc-100#F4F4F5Best Match
Copy
stone-100#F5F5F4
Copy
neutral-100#F5F5F5
Copy
pink-100#FCE7F3
Copy
gray-100#F3F4F6
Copy
red-50#FEF2F2
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