Pink

#FF8DA1

What color is Pink?

Pink is a light, warm color made by mixing red and white, landing softer than red but livelier than pale blush — hex #FF8DA1, close to the color of a cherry blossom. It has a gentle, rosy quality that reads as clearly warm without being bold or saturated.

What is the meaning of the color Pink?

A 1693 entry in the Oxford English Dictionary records pink as a color term in English, referring to the pale red flowers of the Dianthus plant, commonly called pinks. Through the 18th and 19th centuries, pink fabric became popular in European fashion, worn by both men and women without strong gender association. By the mid-20th century, gendered color conventions had shifted, and pink became linked to femininity in Western markets. Mattel’s Barbie line, launched in 1959, became one of the most recognized anchors of that association.

RGB
255, 141, 161
HSL
349°, 100%, 78%
CMYK
0, 45, 37, 0
HSV
349°, 45%, 100%
Pink color

What colors go with Pink?

Colors that pair well with Pink include:
White: clean, soft contrast
Navy: crisp, grounding depth
Gold: warm, rich accent
Sage Green: fresh, natural balance
Charcoal: bold, modern contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF8DA1 color: #FF8DA1;
RGB 255, 141, 161 color: rgb(255, 141, 161);
RGB Percentage 100%, 55%, 63% color: rgb(100%, 55%, 63%);
CMYK 0%, 45%, 37%, 0% Not supported in CSS
HSL 349°, 100%, 78% color: hsl(349, 100%, 78%);
HSV 349°, 45%, 100% Not supported in CSS
CIE-LAB 62, 23, -7 color: lab(62% 23 -7);
Decimal 16747937 Not supported in CSS

Color Variations

Shades

#FF8FA3
#FF6783
#FF3F62
#FF1742
#EF002C
#C70024
#9F001D
#770016

Tints

#FFDDE4
#FFD2DA
#FFC7D1
#FFBCC8
#FFB0BF
#FFA5B6
#FF9AAD
#FF8FA3

Tones

#FF8FA3
#F994A7
#F49AAA
#EEA0AE
#E9A5B2
#E3ABB5
#DDB0B9
#D8B6BC

Hues

#FF8FA3
#FFCE8F
#DBFF8F
#8FFF96
#8FFFEA
#8FBFFF
#B28FFF
#FF8FF8

Color Harmonies

Analogous

#FF8FDB
Click to copy
#FF8DA1
Click to copy
100%
#FFB28F
Click to copy

Complementary

#FF8DA1
Click to copy
100%
#8FFFEA
Click to copy

Split Complementary

#FF8DA1
Click to copy
100%
#8FFFB2
Click to copy
#8FDBFF
Click to copy

Triadic

#FF8DA1
Click to copy
100%
#A3FF8F
Click to copy
#8FA3FF
Click to copy

Tetradic

#FF8DA1
Click to copy
100%
#DBFF8F
Click to copy
#8FFFEA
Click to copy
#B28FFF
Click to copy

Square

#FF8DA1
Click to copy
100%
#DBFF8F
Click to copy
#8FFFEA
Click to copy
#B28FFF
Click to copy

CSS & Dev Snippets

CSS
.pink {
  color: #FF8DA1;
}
SCSS
$pink: #FF8DA1;
RGB
rgb(255, 141, 161)

Accessibility & Contrast

White background

2.19:1
2.19
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.58:1
9.58
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags