Pink ranges from soft and playful to bold and electric. Light pinks feel gentle and romantic, while hot pinks and magentas give a brand a loud, confident accent.
Using pink in web design
- Pale pinks make warm section backgrounds; pair them with dark plum or charcoal text.
- Hot pink buttons need white text only if the shade is dark enough, so check it with the contrast checker.
- Pink and green, or pink and navy, are striking complementary pairs.
About this page
The colors above are grouped automatically by hue, saturation and lightness. Click any swatch to copy its HEX code, or open Details to convert it to RGB, HSL, HSV and CMYK in the color picker. To build a full scale from one of these colors, use the tints & shades generator, and check text colors with the contrast checker.