Plum color (#DDA0DD)
Plum is one of the 148 CSS named colors. Use the keyword plum
anywhere CSS accepts a color, or its hex code #DDA0DD, which is rgb(221, 160, 221) in RGB.
It is a light, moderately saturated cool color with a hue angle of 300° on the HSL color wheel and a perceived lightness of 78% in OKLCH. On a plum background, black text gives the higher contrast at 10.14:1, which passes WCAG AA for normal text.
Plum color codes
| CSS name | plum |
|
|---|---|---|
| HEX | #DDA0DD |
|
| HEX (8-digit) | #DDA0DDFF |
|
| RGB | rgb(221, 160, 221) |
|
| HSL | hsl(300, 47%, 75%) |
|
| HSV / HSB | hsv(300, 28%, 87%) |
|
| OKLCH | oklch(78.3% 0.1078 326.5) |
|
| CMYK | cmyk(0%, 27.6%, 0%, 13.3%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for plum used as text and as a background.
Tints and shades of plum
Tints mix plum with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with plum
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Plum with color blindness
Approximately how plum appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using plum in CSS
.element {
color: plum;
background-color: #dda0dd;
border-color: rgb(221 160 221 / 50%);
outline-color: oklch(78.3% 0.1078 326.5);
}Similar named colors
See all shades of purple or browse every CSS color name.