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

#6b7280 - A mid-tone gray with a hint of azure.

  • Commonly used for Backgrounds, Text, and Subtle borders
  • You might recognize it from Apple's UI elements, Medium's text color, and GitHub's interface

Top Matches

gray-500
Distance: 0.00
zinc-500
Distance: 3.00
slate-500
Distance: 4.35
neutral-500
Distance: 6.23
stone-500
Distance: 10.74

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 #6b7280 / gray-500
Brand accent #5F6674 / gray-500
Complementary accent #8B8577 / stone-500
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