Convert #9BA1A6 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #9BA1A6

Your Color#9BA1A6
#9BA1A6
Tailwind Match#A1A1AA
zinc-400

Quick Copy

Tailwind CSS Usage Examples

Background

bg-zinc-400
Background Preview

Text Color

text-zinc-400

Text Color Preview

Border

border-zinc-400
Border Preview

Ring/Outline

ring-zinc-400

Divide

divide-zinc-400

Placeholder

placeholder-zinc-400

Alternative Tailwind Colors

Other Tailwind colors close to #9BA1A6

zinc-400#A1A1AABest Match
Copy
neutral-400#A3A3A3
Copy
gray-400#9CA3AF
Copy
stone-400#A8A29E
Copy
slate-400#94A3B8
Copy
slate-500#64748B
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