Convert #976DA2 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #976DA2
Your Color#976DA2
#976DA2
Tailwind Match#A1A1AA
zinc-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-zinc-400Background Preview
Text Color
text-zinc-400Text Color Preview
Border
border-zinc-400Border Preview
Ring/Outline
ring-zinc-400Divide
divide-zinc-400Placeholder
placeholder-zinc-400Alternative Tailwind Colors
Other Tailwind colors close to #976DA2
zinc-400#A1A1AABest Matchzinc-500#71717Aneutral-400#A3A3A3gray-400#9CA3AFstone-400#A8A29Egray-500#6B7280Full 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