Convert #A3C8A9 to Tailwind CSS

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

Your Color#A3C8A9
#A3C8A9
Tailwind Match#A3A3A3
neutral-400

Quick Copy

Tailwind CSS Usage Examples

Background

bg-neutral-400
Background Preview

Text Color

text-neutral-400

Text Color Preview

Border

border-neutral-400
Border Preview

Ring/Outline

ring-neutral-400

Divide

divide-neutral-400

Placeholder

placeholder-neutral-400

Alternative Tailwind Colors

Other Tailwind colors close to #A3C8A9

neutral-400#A3A3A3Best Match
Copy
gray-400#9CA3AF
Copy
zinc-400#A1A1AA
Copy
stone-400#A8A29E
Copy
slate-400#94A3B8
Copy
green-300#86EFAC
Copy

Full Neutral Palette

All shades of neutral in Tailwind CSS

50#FAFAFA
100#F5F5F5
200#E5E5E5
300#D4D4D4
400#A3A3A3
500#737373
600#525252
700#404040
800#262626
900#171717
950#0A0A0A

Related Resources