What is the hex code for Plum?

The hex code for Plum is #DDA0DD.

What is the RGB value of Plum?

The RGB value of Plum is rgb(221, 160, 221).

What is the HSL value of Plum?

The HSL value of Plum is hsl(300, 47%, 75%).

What is the HSV value of Plum?

The HSV value of Plum is hsv(300, 28%, 87%).

What CSS code do I use for Plum?

Use background-color: #DDA0DD; for background, color: #DDA0DD; for text, or border: 1px solid #DDA0DD; for borders.

Plum Hex #DDA0DD: HTML Color Code & Gradients

Plum (#DDA0DD) Color Codes & Gradients

Color Preview

Make a gradient with Plum →

Opens Plum with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	plum
Hex	#DDA0DD
RGB	rgb(221, 160, 221)
HSV	hsv(300, 28%, 87%)
HSL	hsl(300, 47%, 75%)
OKLCH	oklch(78.33% 0.1078 326.54)

What is the color name for #DDA0DD?

#DDA0DD color name is Plum.

Color Information

The HTML color Plum has the hexadecimal code #DDA0DD and in the RGB color space is composed of 87% red, 63% green, and 87% blue. The color Plum has a hue angle of 300 degrees, a saturation of 47.3% and a lightness of 74.7%.

Plum CSS Code Snippets

Background Color

.bg-plum { background-color: #DDA0DD; }

Text Color

.text-plum { color: #DDA0DD; }

Border Color

.border-plum { border: 1px solid #DDA0DD; }

Shade Gradient

.gradient-shade-plum { background: linear-gradient(135deg, #DDA0DD, #C55CC5); }

Tint Gradient

.gradient-tint-plum { background: linear-gradient(135deg, #DDA0DD, #F5E4F5); }

Monochromatic Gradient

.gradient-mono-plum { background: linear-gradient(135deg, #DDA0DD, #B986B9); }

Plum Shades

#D995D9

#D589D5

#D17ED1

#CD73CD

#C968C9

#C55CC5

Plum Tints

#E1ABE1

#E5B7E5

#E9C2E9

#EDCDED

#F1D8F1

#F5E4F5

Plum Tones

#D5A8D5

#CCB1CC

#C4B9C4

#BEBEBE

Plum Monochromatic

#B986B9

#946B94

#705170

#4B364B

#271C27

#020202

Similar Colors to Plum

#C9A0DD

#D1A0DD

#D9A0DD

#DDA0D9

#DDA0D1

#DDA0C9

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator