Color Codes › Plum

Plum colour

A deep purple with red undertones named after the fruit. Rich and moody, it adds drama to design.

#8E4585

Plum colour codes

Hex
#8E4585
RGB
rgb(142, 69, 133)
HSL
hsl(307, 35%, 41%)
HSV
hsv(307, 51%, 56%)
OKLCH
oklch(0.51 0.13 332)
CMYK
cmyk(0%, 51%, 6%, 44%)

Complementary palette

Plum with its opposite on the colour wheel.
#8E4585
rgb(142, 69, 133)
#458E4E
rgb(69, 142, 78)

Triad palette

Plum with two evenly-spaced partners.
#8E4585
rgb(142, 69, 133)
#858E45
rgb(133, 142, 69)
#45858E
rgb(69, 133, 142)

Monochromatic palette

Lighter and darker versions of plum at the same hue.
#4D2548
rgb(77, 37, 72)
#693362
rgb(105, 51, 98)
#85417D
rgb(133, 65, 125)
#9B4B91
rgb(155, 75, 145)

Lighter tints

Plum toward white.
#8E4585
rgb(142, 69, 133)
#9E6096
rgb(158, 96, 150)
#AE7AA8
rgb(174, 122, 168)
#BE95B9
rgb(190, 149, 185)
#CFAFCB
rgb(207, 175, 203)
#DFCADC
rgb(223, 202, 220)
#EFE4EE
rgb(239, 228, 238)
#FFFFFF
rgb(255, 255, 255)

Darker shades

Plum toward black.
#8E4585
rgb(142, 69, 133)
#7A3B72
rgb(122, 59, 114)
#65315F
rgb(101, 49, 95)
#51274C
rgb(81, 39, 76)
#3D1E39
rgb(61, 30, 57)
#291426
rgb(41, 20, 38)
#140A13
rgb(20, 10, 19)
#000000
rgb(0, 0, 0)

About plum

A deep purple with red undertones named after the fruit. Rich and moody, it adds drama to design. The value shown here (#8E4585) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with plum

The complementary colour (#458E4E) sits opposite plum on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using plum in your design

For CSS, paste #8E4585 or the oklch(0.51 0.13 332) value, or download the ready-made plum.css file above — it includes a full 50–950 token scale. Always check contrast before using plum behind text.

What is the hex code for plum?
Plum is commonly #8E4585 (rgb(142, 69, 133)). It covers a small range, but this is a widely used value.
What colours go well with plum?
Its complementary colour #458E4E and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.