Pastel pink color: code #FFD1DC
Pastel pink
#FFD1DC
Color codes
- HEX
#FFD1DC - RGB
rgb(255, 209, 220) - HSL
hsl(346, 100%, 91%) - HSV
hsv(346, 18%, 100%) - CMYK
cmyk(0%, 18%, 14%, 0%) - LAB
lab(88% 17.8 0.7) - OKLCH
oklch(90.3% 0.054 2.2)
About the color Pastel pink
Pastel pink has the HEX code #FFD1DC, which corresponds to rgb(255, 209, 220) in the RGB model. On the color wheel its hue sits at 346°, with 100% saturation and 91% lightness (hsl(346, 100%, 91%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 15.40:1 contrast ratio on it, versus 1.36:1 for white.
For print, the approximate conversion is cmyk(0%, 18%, 14%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Pastel pink
Complementary
#FFD1DC · #D1FFF4
Analogous
#FFD1F3 · #FFD1DC · #FFDDD1
Triadic
#FFD1DC · #DCFFD1 · #D1DCFF
Tetradic
#FFD1DC · #F3FFD1 · #D1FFF4 · #DDD1FF
Split-complementary
#FFD1DC · #D1FFDD · #D1F3FF
Monochromatic
#FF527A · #FF9EB5 · #FFD1DC · #FFFFFF · #FFFFFF
Pastel pink with white and black text
How to use it in CSS
:root {
--color-pastel-pink: #FFD1DC;
--color-pastel-pink-rgb: 255, 209, 220;
}
.elemento {
background-color: var(--color-pastel-pink);
color: #000000;
}