All the Colors

Understand. 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.

Cream#F5EFE5
Clay pink#C78F89
Forest green#294B40

Suggested 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.

Pink#FD6C9E
Bisque#FFE4C4
Cherry#DE3163
Flesh#FEC3AC
Eggshell#FDE9E0
Nymph thigh#FEE7F0
Raspberry#C72C48
Fuchsia#FD3F92
Heliotrope#DF73FF
Watermelon#FE96A0
Magenta#FF00FF
Dark magenta#800080
Magenta fuchsia#DB0073
Mauve#D473D4
Peach#FDBFB7
Broom pink#C4698F
Candy pink#F9429E
Pink#FEBFD2
Mountbatten pink#997A8D
Tea Rose#FF866A
Bright pink#FF007F
Salmon#F88E55
30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

Also discover: Casekit — customer support for online shops.