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

#4f46e5 - A vibrant shade of mid-tone sapphire.

  • Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers

Top Matches

indigo-600
Distance: 0.00
blue-700
Distance: 4.89
violet-600
Distance: 5.68
indigo-700
Distance: 6.28
violet-700
Distance: 6.29

All green Shades

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

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #4f46e5 / indigo-600
Brand accent #2E23EA / indigo-700
Complementary accent #DBE267 / yellow-200
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Check WCAG contrast requirements - 4.5:1 for normal text, 3:1 for large text

Ensure interactive elements are clearly distinguishable

See all Tailwind colors