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
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 #C21E56 from deepest shade to lightest tint.
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);
}