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

#7e22ce - A mid-tone amethyst with vibrant undertones.

  • Commonly used for Premium features, Creative tools, Alternative primary actions, Active states, and Featured content

Top Matches

purple-700
Distance: 0.00
violet-700
Distance: 2.61
violet-600
Distance: 6.29
purple-800
Distance: 6.77
purple-600
Distance: 7.13

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 #7e22ce / purple-700
Brand accent #7217C1 / purple-800
Complementary accent #7ED335 / lime-500
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