#F5EFE5Understand. Compare. Create.
Pink: 22 shades, names and colour codes
Explore pink shades, HTML and RGB codes, colour meanings and ideas for combining pink in your projects.
Colour code and CSS reference
The CSS keyword pink corresponds to #FFC0CB. It represents one specific pink shade, not the entire colour family.
- HEX
- #FFC0CB
- RGB
- 255, 192, 203
- CMYK ≈
- 0%, 25%, 20%, 0%
- HSL
- 350°, 100%, 88%
The displayed CMYK values are estimates without a print profile.
Meaning and perception
Pink can be understated and powdery or very intense, as with fuchsia. Its social associations change across periods and cultures; it does not define a personality or gender.
Which colours go with it?
Pink can be restrained, earthy or vivid. To pair it without assigning it a fixed style, start with saturation: greyed pink needs different choices from fuchsia. Then decide whether pink forms the main setting or a detail that enlivens a quieter base.
Pink and green: from powdery to vivid
Clay pink and greyed sage bring two colours together without multiplying contrasts. For more depth, try forest green on a piece of furniture or a graphic strip. With fuchsia, reduce the green area or choose a darker green so that each colour keeps a clear role instead of competing in saturated blocks.
Pink and grey: check the undertone
Warm grey can continue the direction of powder pink, while blue grey creates more temperature contrast. Compare both options side by side, especially if grey covers a whole wall. In a document, use very light pink as a supporting surface and a dark colour for important information, after checking contrast.
Pink and burgundy: establish different levels
Burgundy can anchor pale pink while staying within neighbouring colour territory. In an outfit, try one pink garment and a single burgundy accessory. On an invitation, a light background and burgundy motif can establish the pairing. Avoid several almost-identical mid-pinks if you want an immediately visible hierarchy.
Change the pink without rebuilding the palette
Keep the two companions and compare pale pink, clay pink and fuchsia over the same area. The first leaves room for the other elements, the second introduces an earthy direction, and the last often calls for a smaller footprint. This test helps you choose intensity before buying an object or approving a mock-up.
Try this palette: clay pink, forest and cream
Try 60% cream, 30% clay pink and 10% forest green. Green acts as the anchor here. For a more immersive version, increase the pink area while keeping a clear separation around text.
#C78F89#294B40Suggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.
A common trap: overlooking pinks already in the room
Veined stone, pinkish wood or beige may already introduce a pink note. Place the new colour beside those materials before judging the result. If two pinks disagree, an ecru background with one deliberate pink may work better than trying to bring everything closer together.
Shades of pink
The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.
#FD6C9E#FFE4C4#DE3163#FEC3AC#FDE9E0#FEE7F0#C72C48#FD3F92#DF73FF#FE96A0#FF00FF#800080#DB0073#D473D4#FDBFB7#C4698F#F9429E#FEBFD2#997A8D#FF866A#FF007F#F88E55Get the free colour kit: HEX/RGB codes and a project worksheet.