Spanish Crimson

HEX: #E51A4C | Modern Palette

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

Color Specifications

HEX
#E51A4C
RGB
229, 26, 76
HSL
345°, 88% ,89%
CMYK
0, 88.65, 66.81, 10.2

About Spanish Crimson

Spanish Crimson (#E51A4C) is a color with RGB(229, 26, 76) and HSL(345.22°, 88.65%, 89.8%). 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 #1AE5B3, which creates strong contrast. Its triadic palette includes #4CE51A and #1A4CE5. The name comes from Spanish Crimson (English (descriptive)).

  • HEX: #E51A4C
  • RGB: 229, 26, 76
  • HSL: 345.22°, 88.65%, 89.8%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #1AE5B3
  • Triadic colors: #4CE51A, #1A4CE5
  • The name comes from Spanish Crimson (English (descriptive)).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Spanish Crimson #E51A4C 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.
 
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Spanish Crimson #E51A4C pairs with #1AE5B3 as its complementary color, and #4CE51A and #1A4CE5 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.

SPANISH CRIMSON
Analogous

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

SPANISH CRIMSON
Triadic

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

SPANISH CRIMSON
Split-Complementary

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

SPANISH CRIMSON
Tetradic (Square)

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

SPANISH CRIMSON
Monochromatic

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

SPANISH CRIMSON

Shades & Tints

The shade and tint range for Spanish Crimson #E51A4C moves from dark #170308 tones through the base color to lighter #FCE8ED tones, making it useful for depth, hierarchy, and background variation.

SPANISH CRIMSON

Color Characteristics

Mood
Playful
Style
Neon Warm

Accessibility Simulation

Deuteranopia #858542
Protanopia #57574E
Tritanopia #E42525
Achromatopsia #757575

Frequently Asked Questions

Spanish Crimson (#E51A4C) is a color with RGB(229, 26, 76) and HSL(345.22°, 88.65%, 89.8%).

#E51A4C pairs strongly with #1AE5B3 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#E51A4C is commonly associated with Playful.

The name Spanish Crimson is linked to Spanish Crimson from English (descriptive), meaning A vivid, deep red color, often associated with Spain..

Name, History & Etymology

Origin Word Spanish Crimson
Meaning A vivid, deep red color, often associated with Spain.
Language English (descriptive)
First Recorded Use Likely 19th or early 20th century (as a specific color name)

History

Crimson itself is one of the oldest and most significant red dyes, historically derived from the kermes insect (Kermes vermilio) and later from cochineal (Dactylopius coccus), which was brought to Europe from the Americas via Spain. Spain played a crucial role in the global trade and popularization of cochineal, which produced a much more intense and stable crimson than kermes. This historical link, combined with the prominent use of deep reds in Spanish culture (flags, traditional costumes like those of flamenco dancers or bullfighters, religious art), likely led to the descriptive name 'Spanish Crimson' to denote a particularly rich and vibrant shade of crimson.

First Recorded Use

The exact first use of 'Spanish Crimson' as a named color is difficult to pinpoint precisely without extensive historical color dictionary research. However, the association of crimson with Spain (due to bullfighting, flags, traditional dress) has existed for centuries. The specific naming convention 'Spanish Crimson' would likely emerge as color standardization and naming became more common in art, fashion, and dye industries.

Cultural Associations

In Spanish culture, deep red (rojo) is highly symbolic. It is prominent in the Spanish flag, representing the blood shed by the Spanish people. In bullfighting, the 'muleta' (cape) is crimson, symbolizing passion, danger, and the lifeblood of the bull. Flamenco dresses often feature rich reds, conveying passion and drama. The color is also associated with royalty, power, and religious significance in historical Spanish art and textiles.

Similar Named Colors

Amaranth #E52B50 ΔE 1.46
Red (Crayola) #EE204D ΔE 2.37
Rusty Red #DA2C43 ΔE 3.39
UA Red #D9004C ΔE 3.98

Code Snippets

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

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

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

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

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

// SCSS variable
$spanish-crimson: #E51A4C;

// With RGB channels (useful for rgba() usage)
$spanish-crimson-r: 229;
$spanish-crimson-g: 26;
$spanish-crimson-b: 76;

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