Pink
HEX: #FFC0CB | Modern Palette
Color Specifications
#FFC0CB
255, 192, 203
349°, 100% ,87%
0, 25, 20, 0
About Pink
Pink (#FFC0CB) is a color with RGB(255, 192, 203) and HSL(349.5°, 100%, 87.6%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #C0FFF4, which creates strong contrast. Its triadic palette includes #CBFFC0 and #C0CBFF. The name comes from pinck (Dutch).
- HEX: #FFC0CB
- RGB: 255, 192, 203
- HSL: 349.5°, 100%, 87.6%
- Mood: Playful
- Style: Neon, Warm
- Use case: Text, Button, Background
- Complementary color: #C0FFF4
- Triadic colors: #CBFFC0, #C0CBFF
- The name comes from pinck (Dutch).
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 #FFC0CB from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The word 'pink' entered English from Dutch 'pinck', referring to a small flower, specifically a carnation or dianthus. The use of 'pink' to describe the color of these flowers, and then more broadly, emerged in the late 17th century. Historically, pink was not always associated with femininity; in the early 20th century, it was sometimes considered a more masculine color (being a 'stronger' version of red) while blue was seen as more delicate. This gender association largely reversed in the mid-20th century, particularly after World War II, due to marketing and cultural shifts.
First Recorded Use
The color 'pink' as a distinct term in English appeared around the late 17th century. Before this, it was often described as a shade of red or 'light red'. The word 'pink' itself, referring to the flower, predates its use as a color name.
Cultural Associations
Pink is widely associated with femininity, sweetness, romance, and tenderness in Western cultures. It is often used for baby girls' clothing and products. In some contexts, it can also represent playfulness, charm, or even rebellion (e.g., 'punk pink'). In Japan, pink is associated with spring and the transient nature of life due to the cherry blossoms (sakura). In India, it is sometimes associated with hospitality and welcome. The 'pink ribbon' is an international symbol for breast cancer awareness.
Code Snippets
/* Background */
.element {
background-color: #FFC0CB;
}
/* Text */
.element {
color: #FFC0CB;
}
/* Border */
.element {
border: 1px solid #FFC0CB;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#FFC0CB,
#C0FFF4
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#FFC0CB,
#C0FFF4
);
}// SCSS variable
$pink: #FFC0CB;
// With RGB channels (useful for rgba() usage)
$pink-r: 255;
$pink-g: 192;
$pink-b: 203;
// Usage
.element {
background-color: $pink;
color: rgba($pink-r, $pink-g, $pink-b, 0.8);
}