Convert #5C5568 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #5C5568

Your Color#5C5568
#5C5568
Tailwind Match#52525B
zinc-600

Quick Copy

Tailwind CSS Usage Examples

Background

bg-zinc-600
Background Preview

Text Color

text-zinc-600

Text Color Preview

Border

border-zinc-600
Border Preview

Ring/Outline

ring-zinc-600

Divide

divide-zinc-600

Placeholder

placeholder-zinc-600

Alternative Tailwind Colors

Other Tailwind colors close to #5C5568

zinc-600#52525BBest Match
Copy
gray-600#4B5563
Copy
slate-600#475569
Copy
neutral-600#525252
Copy
stone-600#57534E
Copy
zinc-500#71717A
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