Rose Red
HEX: #C21E56 | Modern Palette
Color Specifications
#C21E56
194, 30, 86
339°, 84% ,76%
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
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.
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.
Frequently Asked Questions
Name, History & Etymology
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.
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);
}