Mexican Pink
Vibrant and high-octane saturated pink
Mexican Pink is a high-octane hue that demands immediate attention. Because of its extreme saturation, it works best as a sharp accent rather than a background color. Pair this bold shade with charcoal grays or deep teals to ground its intensity. The hex code for this color is #e4007c. Black text remains legible against this bright backdrop, which helps for small interface details or high-impact buttons.
About Mexican Pink
Hibiscus blooms against a whitewashed wall at noon
What does mexican pink mean?
It often signals festivity, boldness, and pride, and it is strongly tied to Mexican culture and celebration. Its full saturation and mid brightness make it feel loud, warm, and pushy, a color that fills the room.
Where you see mexican pink
- hibiscus flowers
- bougainvillea blooms
- piñata fringe
- nail polish
- silk flowers
- gift wrap
What it works for
Use it for festive branding, packaging, sports accents, and anywhere one loud color should carry the whole design.
What colors go with mexican pink?
Teal #008080The cool blue green reads calm beside the pink's heat, so both stay sharp without fighting.Lime #aaff32A sharp citrus green keeps the pink loud and pushes the pair toward tropical and playful.Plum #8e4585Deep purple darkens the mix and lets the pink glow like a light source.Cream #fffdd0Soft cream gives this saturated pink room to breathe and keeps layouts from turning harsh.
Questions about Mexican Pink
What is the hex code for Mexican Pink?
Mexican Pink is #e4007c. In RGB that is rgb(228, 0, 124), in HSL hsl(327, 100%, 45%) and in CMYK 0%, 100%, 46%, 11%.
How should I use #e4007c Mexican Pink in a design system?
Use #e4007c as a high-impact accent color rather than a primary background to avoid overwhelming the viewer. It works exceptionally well for call-to-action buttons or small interface notifications when paired with neutral charcoal or dark gray text.
Is Mexican Pink readable on white or black?
Mexican Pink has a 4.57:1 contrast ratio on white and 4.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.