Pink (Pantone)
HEX: #D74894 | Modern Palette
Color Specifications
#D74894
215, 72, 148
328°, 66% ,84%
0, 66.51, 31.16, 15.69
About Pink (Pantone)
Pink (Pantone) (#D74894) is a color with RGB(215, 72, 148) and HSL(328.11°, 66.51%, 84.31%). It is commonly associated with Playful moods. In design, it fits Warm styles and is suitable for Text, Button, Background. Its complementary color is #48D78B, which creates strong contrast. Its triadic palette includes #94D748 and #4894D7. The name comes from Pink (English).
- HEX: #D74894
- RGB: 215, 72, 148
- HSL: 328.11°, 66.51%, 84.31%
- Mood: Playful
- Style: Warm
- Use case: Text, Button, Background
- Complementary color: #48D78B
- Triadic colors: #94D748, #4894D7
- The name comes from 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 #D74894 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#878791
#666695
#D35656
#7F7F7F
Frequently Asked Questions
Name, History & Etymology
History
The word 'pink' itself comes from the Dutch 'pinck oogen' (small eyes) or 'pinck' (small), referring to the small perforations or 'pinked' edges of certain flowers, particularly the dianthus (carnation) family, which are often pink. The color became associated with these flowers. Historically, pink was not always gendered. In the 18th century, it was a fashionable color for both men and women, often seen as a lighter, more playful version of red, which was associated with military uniforms and power. The modern association of pink with femininity largely emerged in the mid-20th century, particularly after World War II, influenced by marketing and fashion trends. Prior to this, blue was often associated with girls and pink with boys (as a 'stronger' color related to red). Pantone's specific shade 'Pink (Pantone)' (#d74894) is a vibrant, medium-dark pink. Pantone, founded in 1963, standardized color matching systems, allowing for consistent reproduction of specific shades across various industries. This particular shade would be part of their extensive color library, used in graphic design, fashion, product design, and more.
First Recorded Use
The use of 'pink' as a color name in English dates back to the late 17th century. Before this, the color was often referred to as 'light red' or by names of flowers that exhibited the color.
Cultural Associations
Pink carries a wide range of cultural associations globally. In Western cultures, it is strongly linked to femininity, romance, sweetness, and childhood (especially for girls). It is also used in campaigns for breast cancer awareness. However, these associations are not universal. In some cultures, pink may have different meanings or less gendered connotations. For example, in Japan, pink is often associated with spring and the transient beauty of cherry blossoms (sakura). In India, it can be seen in traditional clothing and art without strong gendered ties. More recently, there has been a movement to reclaim pink as a gender-neutral or even masculine color, challenging traditional stereotypes.
Code Snippets
/* Background */
.element {
background-color: #D74894;
}
/* Text */
.element {
color: #D74894;
}
/* Border */
.element {
border: 1px solid #D74894;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#D74894,
#BCF2D5
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#D74894,
#BCF2D5
);
}// SCSS variable
$pink-(pantone): #D74894;
// With RGB channels (useful for rgba() usage)
$pink-(pantone)-r: 215;
$pink-(pantone)-g: 72;
$pink-(pantone)-b: 148;
// Usage
.element {
background-color: $pink-(pantone);
color: rgba($pink-(pantone)-r, $pink-(pantone)-g, $pink-(pantone)-b, 0.8);
}