Pastel Pink

#FFC5D3

What color is Pastel Pink?

Pastel pink is a soft, light pink with a gentle warmth and very little intensity, hex #FFC5D3, close to the color of a cherry blossom petal. The tone is pale but not white, with a faint rosy flush visible even in low light.

What is the meaning of the color Pastel Pink?

Pink for infant girls became a documented convention in the United States by the mid-20th century, with a 1927 trade publication from the U.S. retail industry citing pink as the preferred color for girls. Pastel shades of pink spread through nursery and fashion goods as synthetic dyes made soft tints affordable to mass-market manufacturers. The association with femininity and tenderness was reinforced when Schiaparelli introduced her signature Shocking Pink in 1937, pushing the fashion industry to define a full spectrum from pale pastel to vivid hot pink. Pantone formalized pastel pink as a commercial standard in its fashion color reports, giving the shade a stable identity across textiles and print.

RGB
255, 197, 211
HSL
346°, 100%, 89%
CMYK
0, 23, 17, 0
HSV
346°, 23%, 100%
Pastel pink color

What colors go with Pastel Pink?

Colors that pair well with Pastel pink include:
White: clean, airy softness
Sage green: gentle natural contrast
Gold: warm, delicate richness
Dusty mauve: tonal depth
Navy blue: crisp, grounding balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFC5D3 color: #FFC5D3;
RGB 255, 197, 211 color: rgb(255, 197, 211);
RGB Percentage 100%, 77%, 83% color: rgb(100%, 77%, 83%);
CMYK 0%, 23%, 17%, 0% Not supported in CSS
HSL 346°, 100%, 89% color: hsl(346, 100%, 89%);
HSV 346°, 23%, 100% Not supported in CSS
CIE-LAB 71, 12, -5 color: lab(71% 12 -5);
Decimal 16762323 Not supported in CSS

Color Variations

Shades

#FFC7D4
#FF9AB1
#FF6C8E
#FF3F6C
#FF1149
#E30035
#B6002A
#880020

Tints

#FFEEF2
#FFE9EE
#FFE3E9
#FFDDE5
#FFD8E1
#FFD2DD
#FFCDD8
#FFC7D4

Tones

#FFC7D4
#FCCAD5
#F9CDD7
#F7CFD8
#F4D2DA
#F1D5DB
#EED8DD
#EBDBDE

Hues

#FFC7D4
#FFE4C7
#F0FFC7
#C7FFC8
#C7FFF2
#C7E2FF
#D6C7FF
#FFC7FE

Color Harmonies

Analogous

#FFC7F0
Click to copy
#FFC5D3
Click to copy
#FFD6C7
Click to copy

Complementary

#FFC5D3
Click to copy
#C7FFF2
Click to copy

Split Complementary

#FFC5D3
Click to copy
#C7FFD6
Click to copy
#C7F0FF
Click to copy

Triadic

#FFC5D3
Click to copy
#D4FFC7
Click to copy
#C7D4FF
Click to copy

Tetradic

#FFC5D3
Click to copy
#F0FFC7
Click to copy
#C7FFF2
Click to copy
#D6C7FF
Click to copy

Square

#FFC5D3
Click to copy
#F0FFC7
Click to copy
#C7FFF2
Click to copy
#D6C7FF
Click to copy

CSS & Dev Snippets

CSS
.pastel-pink {
  color: #FFC5D3;
}
SCSS
$pastel-pink: #FFC5D3;
RGB
rgb(255, 197, 211)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags