#FFD1DC
Pastel Pink · rgb(255, 209, 220)
Light Pink Shades
Pastel Pink Color Code
A creamy pastel with low visual intensity.
Text and Contrast Previews
How Pastel Pink behaves as a background and as a text colour, with measured WCAG contrast ratios.
Tints and Shades of Pastel Pink
Nine steps built by moving the lightness of #FFD1DC up and down in HSL. Click any step to copy it.
Complementary and Matching Colors
Generated directly from the hue of #FFD1DC. The complement gives maximum contrast; the analogous pair keeps the palette warm and quiet.
Common uses
Large backgrounds, UI panels, invitations.
Design recommendations
This is a light shade, so it earns its keep on large surfaces: page backgrounds, section bands and cards. Set text in a dark ink such as #150C0C and add a hairline border in #E8CFC9 to define edges.
Accessibility notes
Pair this background with near-black text (#150C0C) for the best result at 14.14:1. That meets WCAG AA for body text at any size.
CSS and HTML Examples
CSS
.element {
color: #FFD1DC;
}
.element-bg {
background-color: #FFD1DC;
color: #150C0C;
}
.element-border {
border: 2px solid #FFD1DC;
}
:root {
--pastel-pink: #FFD1DC;
}HTML
<p style="color: #FFD1DC;">Pastel Pink text</p>
<div style="background: #FFD1DC; color: #150C0C; padding: 1rem;">
Pastel Pink panel
</div>Similar Pink Shades
The six closest colours to Pastel Pink measured across the RGB channels.
More Light Pink Shades
Other members of the light pink family: Light Pink #FFB6C1, Baby Pink #F4C2C2, Blush Pink #DE5D83.
You can also return to the complete pink shades collection, compare pairings in pink colour combinations, or read the complete pink colour code reference.
Pastel Pink FAQs
What is the Pastel Pink color code?
The Pastel Pink color code is #FFD1DC in HEX, rgb(255, 209, 220) in RGB and hsl(345.7, 100%, 91%) in HSL.
What is the RGB value of Pastel Pink?
Pastel Pink is rgb(255, 209, 220) — red 255, green 209 and blue 220 on a 0–255 scale.
What is the CMYK value of Pastel Pink for print?
Pastel Pink converts to cmyk(0%, 18%, 14%, 0%). Bright, saturated pinks need heavy magenta and yellow ink, so always confirm this shade against a physical proof before signing off print work.
Which text colour is readable on Pastel Pink?
Near-black text (#150C0C) gives the stronger result at about 14.1:1. That clears the WCAG AA minimum for body text.
What colours go with Pastel Pink?
Its direct complement is #D1FFF4. For a softer palette, use the analogous pair #FFD1F3 and #FFDDD1, or ground it with a dark neutral such as #150C0C and a cream such as #F7F0EA.
Which pink shades are closest to Pastel Pink?
The nearest shades in this collection are Cotton Candy (#FFBCD9), Bubblegum Pink (#FFC1CC), Pink (#FFC0CB).