Convert #4B3A49 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #4B3A49

Your Color#4B3A49
#4B3A49
Tailwind Match#3F3F46
zinc-700

Quick Copy

Tailwind CSS Usage Examples

Background

bg-zinc-700
Background Preview

Text Color

text-zinc-700

Text Color Preview

Border

border-zinc-700
Border Preview

Ring/Outline

ring-zinc-700

Divide

divide-zinc-700

Placeholder

placeholder-zinc-700

Alternative Tailwind Colors

Other Tailwind colors close to #4B3A49

zinc-700#3F3F46Best Match
Copy
neutral-700#404040
Copy
stone-700#44403C
Copy
gray-700#374151
Copy
neutral-600#525252
Copy
slate-700#334155
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