Pink family
Light Pink color
A light, muted pink. The reference light pink is #FFB6C1, as defined by the CSS named color.
| HEX | #FFB6C1 | |
|---|---|---|
| RGB | rgb(255, 182, 193) | |
| HSL | hsl(351, 100%, 86%) | |
| HSV | hsv(351, 29%, 100%) | |
| OKLCH | oklch(84.7% 0.086 9.1) | |
| CMYK* | 0, 29, 24, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is light pink?
Light pink is a soft, pale pink. Oddly, the CSS keyword lightpink, #FFB6C1, is slightly darker and more saturated than the plain pink keyword. The xkcd survey light pink is paler, closer to what the name suggests.
Light Pink hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of light pink in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Light Pink | #FFB6C1 | CSS named color | Reference shown on this page |
| Light Pink | #FFD1DF | xkcd Color Survey | Noticeably different · 74% similar |
| Light Pink | #FFD1DF | Color Names (meodai) | Noticeably different · 74% similar |
Light Pink vs Baby Pink
#FFB6C1
#FFB7CE
Baby pink is a little cooler and more saturated. In numbers: the two are 93% similar (OKLab distance 0.017). See Baby Pink for its own codes.
Colors similar to light pink
The closest named colors to #FFB6C1 across all three sources, with their similarity in OKLab.
Tints and shades of light pink
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with light pink
Classic color-wheel combinations built on #FFB6C1, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Light Pink with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a light pink background, black text is the better choice.
Use light pink in CSS
.light-pink {
color: #FFB6C1;
/* or */ color: rgb(255 182 193);
/* or */ color: hsl(351 100% 86%);
/* or */ color: oklch(84.7% 0.086 9.1);
/* CSS keyword */ color: lightpink;
}