What does the color Plum mean?

Pink

Plum

#dda0dd

#e4b3e4

#ebc6eb

#f1d9f1

#f8ecf8

#ca9aca

Meaning

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

History

Plum is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Plum (#dda0dd) in CSS as color: plum; or as #dda0dd.

Preview

Plum

#dda0dd

Overview

Family: Pink

Accessibility on this swatch:

AAA

(10.15:1)

Contrast vs white: 2.07:1 · vs black: 10.15:1

Formats

HEX

#dda0dd

RGB

rgb(221, 160, 221)

RGBA

rgba(221, 160, 221, 1)

HSL

hsl(300, 47%, 75%)

HSV

hsv(300, 28%, 87%)

LAB

lab(73.37% 32.53 -21.99)

LCH

lch(73.37% 39.27 325.94)

OKLAB

oklab(0.7833 0.0899 -0.0594)

OKLCH

oklch(0.7833 0.1078 326.55)

XYZ

xyz(55.44, 45.74, 74.30)

CMYK

cmyk(0%, 28%, 0%, 13%)

CSS

color: #dda0dd;

CSS variable

--color-dda0dd: #dda0dd;

SCSS

$color-dda0dd: #dda0dd;

Tailwind

fuchsia-200

Export

Developer code

:root {
  --plum-1: #dda0dd;
}

Color psychology

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#e4b3e4

#ebc6eb

#f1d9f1

#f8ecf8

#ca9aca

#b893b8

#a58da5

#938693

Similar colors

#8e8bcb

#d8bfd8

#9396cc

#8e91d7

#8c88d7

#837fc3

#8790cf

#909fd0

Browse more in the color name library.