Red vs Pink: Warm Spectrum Compared
Compare Tailwind's red and pink for choosing between urgency and femininity.
Red
#ef4444
Pure warm red
Pink
#ec4899
Red-magenta pink
Side-by-Side Comparison
| Aspect | Red | Pink |
|---|---|---|
| Undertone | True red, no shift | Magenta-shifted red |
| Mood | Urgent, powerful, alarming | Feminine, playful, warm |
| Intensity | Commanding, aggressive | Vibrant yet softer |
| Use case | Delete buttons, error banners | Beauty products, social reactions |
| Best For | Errors, alerts, danger | Fashion, beauty, lifestyle brands |
Our Recommendation
Red for error states and urgent messaging. Pink for approachable, lifestyle-oriented designs.
Tailwind Classes
Red
Background: bg-red-500
Text: text-red-500
Border: border-red-500
Pink
Background: bg-pink-500
Text: text-pink-500
Border: border-pink-500
#reds#pinks#red#pink#comparison