Color Palettes

Puce color

A grayish, dusty pink with a hint of brown. The name is French for flea, and it was a fashionable color at the court of Marie Antoinette.

Puce · #CC8899

About puce

Puce (#CC8899) is a warm, mid-tone, moderately saturated color. It belongs to the pinks family. It mixes 204 red, 136 green and 153 blue (out of 255). It is mostly used in vintage, fashion, history.

Puce shades and tints

From lightest to darkest. Tap a shade to copy its code.

Puce color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Seafoam green
AnalogousClose to: Mauve pink, Dusty rose
TriadicClose to: Pistachio green, Blue gray
Split complementaryClose to: Celadon, Sky blue

Puce color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Puce
Analogous palette · Puce
Complementary palette · Puce
Triadic palette · Puce
With neutrals palette · Puce
With an accent palette · Puce

Puce contrast with text

White textContrast 2.8:1 · Not recommended
Black textContrast 7.5:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --puce: #CC8899;
  --puce-rgb: 204, 136, 153;
}
.bg { background-color: var(--puce); }
.text { color: var(--puce); }

Colors similar to puce

Old roseRose goldMauve pinkDusty roseDusty lavenderDusty pinkLight pinkCarnation pinkMountbatten pinkFlamingo pink

Themed palettes with this color

More pinks

PinkDusty pinkOld roseFuchsiaMagentaHot pinkMexican pinkPastel pinkBaby pinkDeep pinkRaspberryRose quartzRose goldBlush pinkFlamingo pinkNeon pinkDusty roseMillennial pinkCarnation pinkCotton candy pinkThulian pinkWatermelon pinkLight pinkShocking pink

Frequently asked questions

What is the hex code for puce?

The hex code for puce is #CC8899. In RGB it is rgb(204, 136, 153), in HSL hsl(345, 40%, 67%) and in CMYK 0, 33, 25, 20.

What is the complementary color of puce?

Its complement on the color wheel is #88CCBB, close to seafoam green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on puce?

Use black text instead: the contrast with white is only 2.8:1, while with black it is 7.5:1.