Super Pink
HEX: #CF6BA9 | Modern Palette
Color Specifications
#CF6BA9
207, 107, 169
322°, 48% ,81%
0, 48.31, 18.36, 18.82
About Super Pink
Super Pink (#CF6BA9) is a color with RGB(207, 107, 169) and HSL(322.8°, 48.31%, 81.18%). In design, it fits Warm styles and is suitable for Text, Button, Background. Its complementary color is #6BCF91, which creates strong contrast. Its triadic palette includes #A9CF6B and #6BA9CF. The name comes from Super Pink (English).
- HEX: #CF6BA9
- RGB: 207, 107, 169
- HSL: 322.8°, 48.31%, 81.18%
- Style: Warm
- Use case: Text, Button, Background
- Complementary color: #6BCF91
- Triadic colors: #A9CF6B, #6BA9CF
- The name comes from Super 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 #CF6BA9 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#9292A7
#7B7BA9
#CA7575
#8D8D8D
Frequently Asked Questions
Name, History & Etymology
History
The term 'Super Pink' is a descriptive compound, combining the intensifier 'super' (from Latin 'super' meaning 'above, beyond') with the color 'pink'. Pink itself has a history dating back to the 17th century, derived from the flower 'pink' (Dianthus). The addition of 'super' serves to emphasize a particularly bright, vivid, or perhaps even artificial-looking shade of pink, distinguishing it from more subdued or natural pinks. It's often used in contexts where a striking or playful pink is desired, such as in fashion, cosmetics, toys, and confectionery. The specific hex code #cf6ba9 represents a medium-dark shade of magenta-pink, leaning towards a dusty rose or muted fuchsia, which might be considered 'super' in its richness rather than just its brightness, depending on context.
First Recorded Use
While 'super' as a prefix for intensity has been around longer, the specific combination 'Super Pink' likely gained traction in the mid-to-late 20th century, particularly with the rise of vibrant synthetic dyes and marketing of consumer products. Pinpointing an exact first use is difficult without extensive historical textile or paint industry archives, but it aligns with the post-WWII era of increased color variety and descriptive naming.
Cultural Associations
Culturally, 'Super Pink' evokes ideas of heightened femininity, playfulness, and sometimes artificiality or kitsch. Pink, in general, is strongly associated with girls and women in Western cultures, an association that solidified in the mid-20th century. 'Super Pink' amplifies this, often appearing in products marketed to young girls, such as toys (e.g., Barbie accessories), clothing, and sugary treats. It can also be used ironically or subversively in fashion and art to challenge traditional gender norms or embrace an exaggerated aesthetic. Its intensity can also link it to pop art or retro aesthetics from periods like the 1980s.
Code Snippets
/* Background */
.element {
background-color: #CF6BA9;
}
/* Text */
.element {
color: #CF6BA9;
}
/* Border */
.element {
border: 1px solid #CF6BA9;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#CF6BA9,
#B8E6C9
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#CF6BA9,
#B8E6C9
);
}// SCSS variable
$super-pink: #CF6BA9;
// With RGB channels (useful for rgba() usage)
$super-pink-r: 207;
$super-pink-g: 107;
$super-pink-b: 169;
// Usage
.element {
background-color: $super-pink;
color: rgba($super-pink-r, $super-pink-g, $super-pink-b, 0.8);
}