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

#a855f7 - A bold amethyst in light tones.

  • Commonly used for Premium features, Creative tools, Alternative primary actions, Active states, and Featured content
  • You might recognize it from Twitch's brand color, Discord's theme, Slack's accent color, and Yahoo's brand

Top Matches

purple-500
Distance: 0.00
violet-500
Distance: 4.32
fuchsia-500
Distance: 8.48
purple-600
Distance: 8.80
fuchsia-600
Distance: 9.34

All green Shades

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

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #a855f7 / purple-500
Brand accent #982CFF / purple-600
Complementary accent #B5F27B / lime-300
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Use purple-800 or darker for text. Ensure sufficient contrast with backgrounds

Test with both light and dark modes. Consider color blindness implications

See all Tailwind colors