Mexican Pink

HEX: #E4007C | Modern Palette

On White
4.58:1
PASS
On Black
4.59:1
PASS

Color Specifications

HEX
#E4007C
RGB
228, 0, 124
HSL
327°, 100% ,89%
CMYK
0, 100, 45.61, 10.59

About Mexican Pink

Mexican Pink (#E4007C) is a color with RGB(228, 0, 124) and HSL(327.37°, 100%, 89.41%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #00E468, which creates strong contrast. Its triadic palette includes #7CE400 and #007CE4. The name comes from Rosa Mexicano (Spanish).

  • HEX: #E4007C
  • RGB: 228, 0, 124
  • HSL: 327.37°, 100%, 89.41%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #00E468
  • Triadic colors: #7CE400, #007CE4
  • The name comes from Rosa Mexicano (Spanish).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Mexican Pink #E4007C is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
MEXICAN PINK
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
MEXICAN PINK
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
MEXICAN PINK
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Mexican Pink #E4007C pairs with #00E468 as its complementary color, and #7CE400 and #007CE4 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

MEXICAN PINK
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

MEXICAN PINK
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

MEXICAN PINK
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

MEXICAN PINK
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

MEXICAN PINK
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

MEXICAN PINK

Shades & Tints

The shade and tint range for Mexican Pink #E4007C moves from dark #1A000E tones through the base color to lighter #FFE6F3 tones, making it useful for depth, hierarchy, and background variation.

MEXICAN PINK

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #838377
Protanopia #52527D
Tritanopia #E02C2C
Achromatopsia #757575

Frequently Asked Questions

Mexican Pink (#E4007C) is a color with RGB(228, 0, 124) and HSL(327.37°, 100%, 89.41%).

#E4007C pairs strongly with #00E468 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#E4007C is suitable for Text, Button, Background and works well with Neon, Warm styles.

#E4007C is commonly associated with Playful.

The name Mexican Pink is linked to Rosa Mexicano from Spanish, meaning Mexican Pink.

Name, History & Etymology

Origin Word Rosa Mexicano
Meaning Mexican Pink
Language Spanish
First Recorded Use Mid-20th Century

History

While the color itself has existed in Mexican culture for centuries (derived from natural dyes like cochineal), its specific identification and naming as 'Rosa Mexicano' is attributed to Ramón Valdiosera. He was a fashion designer and artist who traveled extensively throughout Mexico, documenting and promoting traditional Mexican art and culture. He championed this vibrant pink as an emblematic color of Mexico, distinct from other pinks. It quickly became associated with Mexican identity, art, and design, especially after its promotion in international exhibitions and fashion shows.

First Recorded Use

The term 'Rosa Mexicano' gained prominence and was popularized by Mexican artist Ramón Valdiosera in the 1940s and 1950s. He identified it as a color deeply rooted in Mexican culture and tradition, seen in crafts, textiles, and architecture.

Cultural Associations

Mexican Pink is a highly significant color in Mexican culture. It is ubiquitous in traditional Mexican crafts, such as Talavera pottery, papel picado (punched paper banners), rebozos (shawls), and folk art. It is also prominently featured in Mexican architecture, particularly in the works of architect Luis Barragán, who famously used vibrant colors, including this specific pink, in his iconic buildings. The color evokes feelings of joy, festivity, passion, and the rich cultural heritage of Mexico. It is often seen during celebrations like Día de Muertos (Day of the Dead) and national holidays.

Similar Named Colors
Red-purple #E40078 ΔE 0.89
Vivid Cerise #DA1D81 ΔE 2.20
Barbie Pink #E0218A ΔE 3.07
Deep Cerise #DA3287 ΔE 3.26

Code Snippets

/* Background */
.element {
    background-color: #E4007C;
}

/* Text */
.element {
    color: #E4007C;
}

/* Border */
.element {
    border: 1px solid #E4007C;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #E4007C,
        #C9FFE2
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E4007C,
        #C9FFE2
    );
}

// SCSS variable
$mexican-pink: #E4007C;

// With RGB channels (useful for rgba() usage)
$mexican-pink-r: 228;
$mexican-pink-g: 0;
$mexican-pink-b: 124;

// Usage
.element {
    background-color: $mexican-pink;
    color: rgba($mexican-pink-r, $mexican-pink-g, $mexican-pink-b, 0.8);
}