Tailwind ColorSnap
Updated for Tailwind v4
Input Color
Nearest TW Color
Distance: 0.00

#9ca3af - A mid-tone shade of azure.

  • Commonly used for Backgrounds, Text, and Subtle borders

Top Matches

gray-400
Distance: 0.00
zinc-400
Distance: 2.53
slate-400
Distance: 4.26
neutral-400
Distance: 5.36
stone-400
Distance: 8.85

All green Shades

gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
gray-950

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #9ca3af / gray-400
Brand accent #8992A1 / gray-400
Complementary accent #BDB8AF / stone-400
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Use darker shades (700+) for text on light backgrounds

Maintain sufficient contrast between adjacent gray shades

See all Tailwind colors