A gentle, pale pink that is a standard CSS color. It is used for baby girls' clothes, gender reveals and soft website accents.
Also known as: Soft pink.
Light pink (#FFB6C1) is a warm, light, highly saturated color. It belongs to the pinks family. It mixes 255 red, 182 green and 193 blue (out of 255). It is mostly used in web, baby, gender reveal.
From lightest to darkest. Tap a shade to copy its code.
See all its shades: Color shades generator
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--light-pink: #FFB6C1;
--light-pink-rgb: 255, 182, 193;
}
.bg { background-color: var(--light-pink); }
.text { color: var(--light-pink); }The hex code for light pink is #FFB6C1. In RGB it is rgb(255, 182, 193), in HSL hsl(351, 100%, 86%) and in CMYK 0, 29, 24, 0.
Its complement on the color wheel is #B6FFF4, close to duck egg blue. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.7:1, while with black it is 12.7:1.