Skip to content

Plum #8e4585

Purple, ripened.

RGB
142, 69, 133
HSL
307°, 35%, 41%
CMYK
0, 51, 6, 44
Luminance
0.1170

About Plum

Plum, #8e4585, is purple with fruit sugar in it — redder and softer than royal purple, deeper than orchid. It is the purple family’s most domestic member: the color of jam, velvet cushions and autumn lipstick rather than emperors.

History

The fruit named the color in the 1800s; Victorian and Art Nouveau interiors adored plum velvets. CSS also ships a pale “plum” (#dda0dd) — the skin’s bloom rather than the flesh — so the name spans light and dark in web work.

Psychology

Plum feels intimate, mature and quietly luxurious — purple’s imagination without its theater. It flatters autumn palettes and beauty branding, where it reads as depth rather than drama.

In design

Dark plums (#5d3754-class) are excellent premium surfaces under cream or gold type; #8e4585 works as a rich accent and passes for large text on white. Pair with sage, mustard, blush and walnut. Beauty and wine categories own it — tech barely touches it, another differentiation lane.

In culture

Plum jobs and plum roles: the fruit meant “the best bit” long before HR did. In East Asia the plum blossom is winter’s courage — first to flower in the cold.

Brands that own plum

Shades of plum

Every format

HEX#8e4585
RGBrgb(142, 69, 133)
HSLhsl(307, 35%, 41%)
CMYKcmyk(0%, 51%, 6%, 44%)
LABlab(40.7 40.0 -22.2)
LCHlch(40.7 45.7 331.0)
OKLCHoklch(0.505 0.129 332.1)

Copy-ready code

/* CSS */
color: #8e4585;
background-color: #8e4585;
/* Tailwind (arbitrary) */
class="text-[#8e4585] bg-[#8e4585]"
/* SCSS */
$brand: #8e4585;
/* SwiftUI */
Color(red: 0.557, green: 0.271, blue: 0.522)
/* Android */
Color.parseColor("#8e4585")

Accessibility — WCAG contrast

Aa
#8e4585 on white: 6.29:1
AA ✓ pass · AA-large · AAA
Aa
#8e4585 on black: 3.34:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red55.7%
Green27.1%
Blue52.2%

CMYK percentages

Cyan0.0%
Magenta51.4%
Yellow6.3%
Key (black)44.3%

Color previews

#8e4585 text on a black background

contrast 3.34:1

Card sample

#8e4585 text on a white background

contrast 6.29:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #8e4585;
Background color
Panel with #8e4585 background
background-color: #8e4585;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #8e4585;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(142, 69, 133, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(142, 69, 133, 0.45);
Border & gradient
Gradient panel
border: 3px solid #8e4585;
background: linear-gradient(135deg, #8e4585, #8E4554);

Monochromatic scale

Palettes built from #8e4585

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Plum, answered

What is the hex code for plum?

Deep plum is #8e4585; CSS “plum” is the pale lilac #dda0dd. The fruit’s flesh and skin essentially got separate hex identities.

Plum vs purple vs eggplant?

Plum is red-leaning mid purple; classic purple sits bluer and brighter; eggplant (#614051) is plum darkened toward brown-black.

What colors pair with plum?

Sage and olive greens, mustard and gold, blush pink and cream — autumn’s entire wardrobe. Charcoal keeps it contemporary.

Work with #8e4585 in the Color Lab