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

#6366f1 - A vibrant shade of light cerulean.

  • 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
  • You might recognize it from Visa's brand elements, IBM's corporate color, and Intel's logo color

Top Matches

indigo-500
Distance: 0.00
blue-600
Distance: 5.56
violet-500
Distance: 5.92
blue-500
Distance: 10.03
indigo-600
Distance: 10.17

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 #6366f1 / indigo-500
Brand accent #3B3FF7 / indigo-600
Complementary accent #EEEC88 / 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