Pink color meaning: symbolism, psychology and how to use it
#FFC0CB
oklch(0.868 0.074 7.1)
What pink symbolizes
Pink is red softened with white, and its meanings follow that softening: tenderness, care, sweetness, romance and playfulness. It is the colour of blossoms, cotton candy and a flushed cheek. Pink also has a stronger side that people sometimes forget. Hot pink and magenta are bold, expressive and associated with fashion, nightlife and rebellion, and the pink triangle and the pink ribbon show it as a colour that campaigns and movements adopt.
In some places pink is dismissed as childish or stereotypically feminine, and that is a good example of how much of a colour's meaning is convention. The idea that pink is for girls and blue for boys is a relatively modern Western custom that took hold in the twentieth century; earlier on, the pairing was not fixed and pink was sometimes considered the stronger, more masculine colour. If a design relies on that rule, it is relying on fashion, not nature.
Pink color psychology: what the research says
A well-known story in colour psychology concerns a particular shade of pink, sometimes called Baker-Miller pink or drunk-tank pink, painted on cell walls in the late 1970s in the hope of calming aggression. The idea is memorable and often repeated, but follow-up studies have been mixed, and it is safest to treat the calming effect as unproven.
More generally, soft pinks are described as gentle and nurturing, and saturated pinks as lively and attention-grabbing. These are reported associations, not guaranteed responses. How pink is perceived depends strongly on age, gender norms, local culture and the product it is attached to, and these perceptions have been changing quickly, with pink used across genders in fashion and branding.
One practical point is that people tend to group colours loosely. A pink near red (coral, salmon) reads as warmer and more energetic, a pink near purple (magenta, orchid) as more creative and unconventional. If you choose pink for its emotional tone, decide whether you want soft and sweet or loud and confident, because they are almost opposite messages.
Cultural meanings of pink
- Western countries. Romance, babies and girls (a convention that is only about a century old in its current form), cosmetics and sweets. The pink ribbon is the international symbol of breast cancer awareness.
- Japan. Pink is strongly connected to cherry blossom (sakura) season, representing the beauty and the brevity of life, as well as spring and renewal.
- India. Jaipur is known as the Pink City because of the rose-tinted sandstone of its old town. Pink and magenta are also common in festive clothing and in the celebration of Holi.
- Latin America. Hot pink is popular in vernacular design and celebration, and Mexican rosa mexicano is a vivid, widely recognised pink.
- LGBTQ+ history. The pink triangle was used to mark gay men in Nazi concentration camps and was later reclaimed as a symbol of remembrance and pride.
Pink in branding and marketing
Pink-based brands include Barbie, Lyft and T-Mobile (whose magenta is a core asset). It is used heavily in beauty, confectionery, fashion, and increasingly in fintech and software when a brand wants to look friendly and unconventional rather than corporate. Because the colour is distinctive among a sea of blues, it can make a brand easy to remember.
Choosing pink for a brand is partly a choice about tone. Pale pink suggests soft, caring and gentle products. Hot pink and magenta suggest bold, confident, creative ones. Dusty and muted pinks suggest a refined, slightly vintage look, popular in interiors and lifestyle.
The risk is stereotype. If your audience is mixed, test the palette with real users, and consider pairing pink with strong neutrals or non-traditional partners, such as dark green or navy, to push it away from the cliché.
Pink in UI and web design
Pink is not a standard semantic colour in UI, which gives it freedom. It is rarely mistaken for error, success or warning, so it can be used as a pure brand accent or for categories and tags without confusing meaning. It is, however, close to red for some users with colour vision deficiency, so do not use pink and red together to mean different things.
Contrast is the main technical issue. Pastel pink such as #ffc0cb has a ratio of only about 1.5:1 against white, so it is only a background colour, never a text colour on white; dark text on pink works well, at about 13.6:1 against black. Saturated pinks around hue 350 to 360 with moderate lightness can carry white text, but check the ratio before committing. In OKLCH, deeper pinks and magentas have very high chroma, and some of them sit near the edge of the sRGB gamut, so the exported HEX may look slightly less vivid than an OKLCH value in a wide-gamut display.
In dark mode, pink accents tend to look good because they keep high lightness while staying friendly. Use a lighter, slightly desaturated pink for text and icons on dark backgrounds, and keep the most saturated pink for large fills.
Pink hex code and color values
- HEX
- #ffc0cb
- RGB
- rgb(255 192 203)
- HSL
- hsl(350 100% 88%)
- OKLCH
- oklch(0.868 0.074 7.1)
This is the standard CSS value for pink. See the full set of conversions, tints, shades and harmonies on its #ffc0cb color page.
CSS custom property
:root {
--color-pink: #ffc0cb; /* fallback */
}
@supports (color: oklch(0 0 0)) {
:root {
--color-pink: oklch(0.868 0.074 7.1);
}
}Shades and tones of pink
Blush, baby pink and rose water are pale, calm and delicate. Salmon and coral are pinks that move toward orange: warm, sociable and summery. Rose and dusty pink have lower chroma and feel nostalgic or refined. Hot pink, fuchsia and magenta are loud, confident and expressive.
The family in the colour data is defined by a mix of rules: light reds and the purple-leaning magenta end both count as pink. That is why the pink family spans a wide hue range, from warm blush to cool orchid, and why pairing choices depend strongly on which side of the family you are on.
Popular named shades, light to dark
- FCDBD2
Pippin
- FFD3CF
Girlie
- FFCAC3
Caro
- FFC0CB
Pink
- EBC9C1
Harmony
- E8C5C1
Friends
- FFB6C1
Matt Pink
- FABBA9
Yahoo
- F5B2C5
Cupid
- E6BAA9
Tofino
- E0B7C2
Melanie
- FEA89F
Corally
- EAABBC
Kawaii
- D2A5BE
Enhance
- FF66BB
Kisses
- ED0DD9
Fuchsia
- A78199
Bouquet
- 987387
Artiste
- C71585
Medium Violet Red
- 7F6473
Cabal
- 6B475D
Annis
- 6C3461
Grape
- 50314C
Grimace
- 180614
Crow
The colour library has 1,310 named colours in the pink family. Browse all pink colors.
Contrast and accessibility
Pink (#ffc0cb) has a WCAG contrast ratio of 1.53:1 against white and 13.65:1 against black. Normal-size text needs 4.5:1 for level AA and 3:1 is enough for large text and UI components.
Test any other combination in the contrast checker.
Pink color palettes
Colors that go with pink
Pink sits close to hue 0 to 20 in OKLCH when pale, and the complement is a green-teal around hue 190. Pink with mint or soft teal is fresh and slightly retro. Pink with deeper green, such as forest or olive, is a more grown-up, botanical combination.
Pink with grey or charcoal is a modern and understated combination, with the neutral stopping the pink from feeling sugary. Pink with navy gives contrast and seriousness. Pink with red or orange is a warm tonal palette, but keep the lightness steps clear, since these hues are close and can blur together. Pink with gold or brown gives a soft, premium, earthy look often used in packaging.
Frequently asked questions
- What does the color pink symbolize?
- Pink is commonly linked with tenderness, care, romance and playfulness, and in its hot and magenta forms with boldness and creativity. In Japan it is tied to cherry blossoms, and it is the colour of breast cancer awareness campaigns.
- What is the hex code for pink?
- The CSS named colour pink is #ffc0cb: rgb(255 192 203) and oklch(0.868 0.074 7.1). Hot pink is #ff69b4 and deep pink is #ff1493.
- Is pink a good color for a logo?
- Yes, it is distinctive in sectors dominated by blue, and works for beauty, sweets, fashion and friendly software brands. Pick the shade for the tone you want, and test for stereotypes if your audience is broad.
- What colors go with pink?
- Mint, teal and green work as complements, grey, charcoal and navy give a grounded look, and red or orange make warm analogous palettes.
- Is pink only a feminine color?
- No. The pink-for-girls convention is a relatively recent Western custom, and pink has not been tied to gender throughout history or in every culture.