Rose Red

HEX: #C21E56 | Modern Palette

On White
5.81:1
PASS
On Black
3.61:1
FAIL

Color Specifications

HEX
#C21E56
RGB
194, 30, 86
HSL
339°, 84% ,76%
CMYK
0, 84.54, 55.67, 23.92

About Rose Red

Rose Red (#C21E56) is a color with RGB(194, 30, 86) and HSL(339.51°, 84.54%, 76.08%). It is commonly associated with Bold, Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #1EC28A, which creates strong contrast. Its triadic palette includes #56C21E and #1E56C2. The name comes from Rose Red (English).

  • HEX: #C21E56
  • RGB: 194, 30, 86
  • HSL: 339.51°, 84.54%, 76.08%
  • Mood: Bold, Playful
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #1EC28A
  • Triadic colors: #56C21E, #1E56C2
  • The name comes from Rose Red (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Rose Red #C21E56 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

Rose Red #C21E56 pairs with #1EC28A as its complementary color, and #56C21E and #1E56C2 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.

ROSE RED
Analogous

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

ROSE RED
Triadic

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

ROSE RED
Split-Complementary

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

ROSE RED
Tetradic (Square)

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

ROSE RED
Monochromatic

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

ROSE RED

Shades & Tints

The shade and tint range for Rose Red #C21E56 moves from dark #16030A tones through the base color to lighter #FCE9EF tones, making it useful for depth, hierarchy, and background variation.

ROSE RED

Color Characteristics

Mood
Bold Playful
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #717151
Protanopia #4B4B57
Tritanopia #C02A2A
Achromatopsia #656565

Frequently Asked Questions

Rose Red (#C21E56) is a color with RGB(194, 30, 86) and HSL(339.51°, 84.54%, 76.08%).

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

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

#C21E56 is commonly associated with Bold, Playful.

The name Rose Red is linked to Rose Red from English, meaning A color resembling the hue of a red rose..

Name, History & Etymology

Origin Word Rose Red
Meaning A color resembling the hue of a red rose.
Language English
First Recorded Use Late 18th - Early 19th Century

History

The color 'rose red' is a descriptive term that combines the flower 'rose' with the primary color 'red'. Roses, particularly red ones, have been cultivated for millennia and have held symbolic meaning across various cultures, often associated with love, beauty, and passion. The term 'rose red' specifically refers to a vibrant, often slightly purplish or bluish-red, distinct from a pure primary red. Its popularization is significantly linked to the Brothers Grimm fairy tale 'Snow-White and Rose-Red' (Schneeweißchen und Rosenrot), first published in 1837. This story cemented 'Rose Red' as a recognizable name, not just for a color but also for a character embodying certain qualities often associated with the color (warmth, vibrancy). In color science, 'rose red' falls within the magenta-red spectrum. The hex code #c21e56 is a specific digital representation of a rose red hue.

First Recorded Use

The specific compound 'rose red' as a color name likely gained prominence with the rise of more precise color descriptions in art and literature. While 'rose' and 'red' have ancient origins, their combination to denote a specific shade became more common in the modern era. Its use in literature, particularly in fairy tales, solidified its recognition.

Cultural Associations

Beyond its literal color description, 'rose red' carries significant cultural weight due to its association with the Grimm fairy tale 'Snow-White and Rose-Red'. In this context, Rose-Red is often depicted as the more outgoing, adventurous, and vibrant of the two sisters, contrasting with Snow-White's more demure nature. This narrative connection imbues the color with connotations of warmth, vitality, and a certain spirited charm. In broader cultural contexts, red roses are universally recognized symbols of love and romance, and 'rose red' taps into this established symbolism, often evoking feelings of passion, beauty, and affection. It is a color frequently used in fashion, interior design, and art to convey these sentiments.

Similar Named Colors

Pictorial Carmine #C30B4E ΔE 1.92
Rubine Red #D10056 ΔE 2.57
Amaranth Deep Purple #AB274F ΔE 4.25
Debian Red #D70A53 ΔE 4.40

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #C21E56,
        #8EF6D2
    );
}

// SCSS variable
$rose-red: #C21E56;

// With RGB channels (useful for rgba() usage)
$rose-red-r: 194;
$rose-red-g: 30;
$rose-red-b: 86;

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