Rose Pink
HEX: #FF66CC | Modern Palette
Color Specifications
#FF66CC
255, 102, 204
320°, 100% ,70%
0, 60, 20, 0
About Rose Pink
Rose Pink (#FF66CC) is a color with RGB(255, 102, 204) and HSL(320°, 100%, 70%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #66FF99, which creates strong contrast. Its triadic palette includes #CCFF66 and #66CCFF. The name comes from Rose Pink (English).
- HEX: #FF66CC
- RGB: 255, 102, 204
- HSL: 320°, 100%, 70%
- Mood: Energetic, Bold
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #66FF99
- Triadic colors: #CCFF66, #66CCFF
- The name comes from Rose Pink (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 #FF66CC from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The color 'rose pink' is a straightforward descriptive name, combining the flower 'rose' with the color 'pink'. Pink itself, as a distinct color name, only became common in the 17th century. Before that, it was often described as a light red. The specific 'rose pink' hue gained popularity in fashion and art, particularly during periods that favored pastel and floral aesthetics, such as the Rococo era and later in Victorian times. Its association with roses gives it connotations of beauty, romance, and femininity. In the digital age, 'rose pink' is often associated with specific hex codes like #FF66CC, which is a vibrant, medium-to-light pink.
First Recorded Use
The term 'rose pink' as a color descriptor likely emerged as roses became more widely cultivated and their specific shades were distinguished. Early references to 'rose' as a color date back further, but 'rose pink' specifies a particular hue.
Cultural Associations
Rose pink is widely associated with femininity, love, and romance, largely due to its connection with the rose flower, a universal symbol of these concepts. It is frequently used in bridal wear, baby girl items, and romantic gifts. In some cultures, pink, including rose pink, can also symbolize youth, innocence, and sweetness. It has seen various trends in fashion, from the delicate shades of the 18th century to the more vibrant interpretations of the 20th and 21st centuries. It's a popular choice for cosmetics, interior design, and branding that aims for a soft, appealing, or luxurious feel.
Code Snippets
/* Background */
.element {
background-color: #FF66CC;
}
/* Text */
.element {
color: #FF66CC;
}
/* Border */
.element {
border: 1px solid #FF66CC;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#FF66CC,
#66FF99
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#FF66CC,
#66FF99
);
}// SCSS variable
$rose-pink: #FF66CC;
// With RGB channels (useful for rgba() usage)
$rose-pink-r: 255;
$rose-pink-g: 102;
$rose-pink-b: 204;
// Usage
.element {
background-color: $rose-pink;
color: rgba($rose-pink-r, $rose-pink-g, $rose-pink-b, 0.8);
}