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

#ec4899 - A mid-tone rose with vibrant undertones.

  • Commonly used for Accent colors, Brand elements, Featured content, Social media themes, and Creative applications
  • You might recognize it from Lyft's brand color, Dribbble's theme, and T-Mobile's identity

Top Matches

pink-500
Distance: 0.00
pink-600
Distance: 8.73
pink-400
Distance: 9.41
rose-400
Distance: 14.85
rose-500
Distance: 16.34

All green Shades

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

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #ec4899 / pink-500
Brand accent #F32389 / pink-500
Complementary accent #6BE8AA / emerald-300
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Use pink-700 or darker for text. Ensure readability on light backgrounds

Test in both light and dark modes. Consider color blindness

See all Tailwind colors