Deep Cerise

HEX: #DA3287 | Modern Palette

On White
4.39:1
FAIL
On Black
4.79:1
PASS

Color Specifications

HEX
#DA3287
RGB
218, 50, 135
HSL
329°, 69% ,52%
CMYK
0, 77, 38, 15

About Deep Cerise

Deep Cerise (#DA3287) is a color with RGB(218, 50, 135) and HSL(329.6°, 69.4%, 52.5%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #32DA85, which creates strong contrast. Its triadic palette includes #87DA32 and #3287DA. The name comes from Cerise (English (via French)).

  • HEX: #DA3287
  • RGB: 218, 50, 135
  • HSL: 329.6°, 69.4%, 52.5%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #32DA85
  • Triadic colors: #87DA32, #3287DA
  • The name comes from Cerise (English (via French)).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #DA3287 from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #838383
Protanopia #5B5B88
Tritanopia #D64444
Achromatopsia #787878

Frequently Asked Questions

Deep Cerise (#DA3287) is a color with RGB(218, 50, 135) and HSL(329.6°, 69.4%, 52.5%).

#DA3287 pairs strongly with #32DA85 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#DA3287 is suitable for Text, Button, Accent and works well with Warm styles.

#DA3287 is commonly associated with Romantic.

The name Deep Cerise is linked to Cerise from English (via French), meaning Cherry.

Name, History & Etymology

Origin Word Cerise
Meaning Cherry
Language English (via French)
First Recorded Use Late 19th Century (for 'Cerise' as a color name)

History

The word 'cerise' itself comes from Old French 'cerise', which in turn derives from Vulgar Latin '*ceresium*', a corruption of Classical Latin 'cerasum' (cherry). The color 'cerise' was adopted into English to describe a vivid, reddish-pink color reminiscent of ripe cherries. The addition of 'Deep' serves to differentiate it from lighter or more standard cerise shades, indicating a darker, more saturated, and often slightly purplish-red hue. Color names often evolve with modifiers like 'deep', 'light', 'pale', 'bright' to specify variations within a broader color category.

First Recorded Use

The term 'cerise' as a color name became popular in English around the 1850s-1860s, directly from the French word for cherry. 'Deep Cerise' is a later, more specific descriptor.

Cultural Associations

Cerise, and by extension Deep Cerise, is often associated with femininity, romance, and vibrancy. It has been a popular color in fashion, cosmetics, and interior design, particularly during periods that favored rich, jewel-toned hues. Its association with cherries also gives it a connotation of sweetness and natural beauty. In some contexts, it can be seen as a more sophisticated or intense alternative to standard pink.

Similar Named Colors
Barbie Pink #E0218A ΔE 1.50
Vivid Cerise #DA1D81 ΔE 2.19
Magenta (Pantone) #D0417E ΔE 2.89
Smitten #C84186 ΔE 3.11

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #DA3287,
        #32DA85
    );
}

// SCSS variable
$deep-cerise: #DA3287;

// With RGB channels (useful for rgba() usage)
$deep-cerise-r: 218;
$deep-cerise-g: 50;
$deep-cerise-b: 135;

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