#FFD1DC
Pastel Pink
Pastel pink is a very light, delicate shade of pink. It conveys softness, sweetness, and innocence.
Pastel Pink Color Values
HEX#FFD1DC
RGB255, 209, 220
HSL346°, 100%, 91%
HSV346°, 18%, 100%
CMYK0%, 18%, 14%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #D7D8DC (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #E1DFDB (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFCED5 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #E1E1E1 (~0.003% of population)
Pastel Pink as Text Color
Pastel Pink on White
1.4:1FAIL
Pastel Pink on Light Gray
1.3:1FAIL
Pastel Pink on Cream
1.3:1FAIL
Pastel Pink on Dark
12.5:1AAA
Pastel Pink on Black
15.4:1AAA
Pastel Pink on Soft Blue
1.2:1FAIL
Pastel Pink on Soft Green
1.2:1FAIL
Pastel Pink on Soft Pink
1.1:1FAIL
Nearest Tailwind Class
red-200
#FECACA
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-pastel-pink: #FFD1DC;
--color-pastel-pink-rgb: 255, 209, 220;
}Tailwind Config
// tailwind.config.js
colors: {
'pastel-pink': '#FFD1DC',
}Shades of Pastel Pink
#FFD1DC
#FF9EB5
#FF6B8E
#FF3867
#FF053F
#CC0030
#990024
#660018
#33000C
#000000
Tints of Pastel Pink
#FFD1DC
#FFD6E0
#FFDBE4
#FFE0E8
#FFE5EB
#FFEBEF
#FFF0F3
#FFF5F7
#FFFAFB
#FFFFFF
Color Harmonies
Complementary
#FFD1DC
#D1FFF4
Analogous
#FFD1F3
#FFD1DC
#FFDDD1
Triadic
#FFD1DC
#DCFFD1
#D1DCFF
Pastel Pink Text Preview
Heading in Pastel Pink
Body text in Pastel Pink. The quick brown fox jumps over the lazy dog.
White on Pastel Pink
Body text on a Pastel Pink background.
Pastel Pink text on dark background
Contrast: 13.0:1