Plum #DDA0DD

Plum#DDA0DD · rgb(221, 160, 221)

Plum color codes

CSS nameplum
HEX#DDA0DD
RGBrgb(221, 160, 221)
HSLhsl(300, 47%, 75%)
CMYKcmyk(0%, 28%, 0%, 13%)
Decimal14524637

Shades of Plum (darker)

#C790C7 · #B180B1 · #9B709B · #856085 · #6F506F · #584058 · #423042 · #2C202C · #161016

Tints of Plum (lighter)

#E0AAE0 · #E4B3E4 · #E7BDE7 · #EBC6EB · #EED0EE · #F1D9F1 · #F5E3F5 · #F8ECF8 · #FCF6FC

Color harmonies

Complementary
#A1DDA1
Triadic
#DDDDA1, #A1DDDD
Analogous
#BFA1DD, #DDA1BF

Accessibility (WCAG contrast)

White text on Plum2.07:1 · Fail
Black text on Plum10.15:1 · AAA

Use Plum in code

.element {
  color: plum;          /* or #dda0dd */
  background-color: rgb(221 160 221 / 0.5);
}

Frequently asked questions

What is the hex code for Plum?

Plum is #DDA0DD in HEX, rgb(221, 160, 221) in RGB and hsl(300, 47%, 75%) in HSL.

Can I use "plum" directly in CSS?

Yes. "plum" is one of the 148 standard CSS named colors, so color: plum; works in every browser.

Is Plum readable on white?

The contrast ratio of Plum on white is 2.07:1 (WCAG Fail). On black it is 10.15:1 (AAA).

What is the complementary color of Plum?

The complementary color (opposite on the color wheel) is #A1DDA1.

Similar colors

Thistle#D8BFD8Violet#EE82EEOrchid#DA70D6Light Pink#FFB6C1Pink#FFC0CBSilver#C0C0C0Light Gray#D3D3D3Light Grey#D3D3D3

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.