Purple family
Plum color
A dark, moderate purple with cool undertones. The reference plum is #66386A, as defined by the Color Names (meodai).
| HEX | #66386A | |
|---|---|---|
| RGB | rgb(102, 56, 106) | |
| HSL | hsl(295, 31%, 32%) | |
| HSV | hsv(295, 47%, 42%) | |
| OKLCH | oklch(41.8% 0.097 324.2) | |
| CMYK* | 4, 47, 0, 58 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is plum?
Plum is a dark reddish purple, the colour of the skin of ripe plums. The CSS keyword plum, #DDA0DD, is surprisingly light, a pinkish lilac, so it is not what most people mean by plum. The xkcd survey plum is the darkest of the three.
Plum hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of plum in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Plum | #DDA0DD | CSS named color | Noticeably different · 0% similar |
| Plum | #580F41 | xkcd Color Survey | Noticeably different · 57% similar |
| Plum | #66386A | Color Names (meodai) | Reference shown on this page |
Plum vs Eggplant
#66386A
#380835
Eggplant is darker and almost black-purple; plum is lighter and redder. In numbers: the two are 31% similar (OKLab distance 0.172). See Eggplant for its own codes.
Colors similar to plum
The closest named colors to #66386A across all three sources, with their similarity in OKLab.
Tints and shades of plum
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with plum
Classic color-wheel combinations built on #66386A, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Plum with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a plum background, white text is the better choice.
Use plum in CSS
.plum {
color: #66386A;
/* or */ color: rgb(102 56 106);
/* or */ color: hsl(295 31% 32%);
/* or */ color: oklch(41.8% 0.097 324.2);
}