CSS named color
Plum
#DDA0DD
HEX
#dda0ddRGB
rgb(221, 160, 221)HSL
hsl(300, 47%, 75%)OKLCH
oklch(78.33% 0.1078 326.54)NAME
plumPalette
Complementary
180° on the color wheelComplement
#A1DDA1
Analogous
±30° around the base hueLeft
#BFA1DD
Right
#DDA1BF
Triadic
±120° for harmonic contrastTriad 1
#DDDDA1
Triad 2
#A1DDDD
Shades
Lighter and darker variantsCSS usage
By name
color: plum;
background-color: plum;By HEX
color: #dda0dd;
background-color: #dda0dd;By RGB
color: rgb(221, 160, 221);
background-color: rgb(221, 160, 221);By HSL
color: hsl(300, 47%, 75%);
background-color: hsl(300, 47%, 75%);WCAG contrast vs white
Aa
2.07:1
Below minimum
WCAG contrast vs black
Aa
10.15:1
AAA
Related colors
FAQ — Plum
What is the HEX code for Plum?
The HEX code for Plum is #DDA0DD. It's one of the 148 named CSS colors and can be used directly in CSS as color: plum; or color: #dda0dd;
What is Plum in RGB?
Plum in RGB is rgb(221, 160, 221) — red 221, green 160, blue 221.
What is Plum in HSL?
Plum in HSL is hsl(300, 47%, 75%) — hue 300°, saturation 47%, lightness 75%.
What is the complementary color of Plum?
The complementary color (directly opposite Plum on the color wheel) is #A1DDA1. The two together produce maximum contrast.
Is white text readable on Plum?
The WCAG contrast ratio against white (#FFFFFF) is 2.07:1, and against black (#000000) it's 10.15:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.