Plum

A deep red-purple. Rich, moody and grown-up; CSS's own plum is, confusingly, a pale lilac.

Plum, the usual valueRed
#6E3A5E
5 plums in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?
White text looks like thisVery easy to read
Fine for any text, even small print. Contrast 8.6 to 1
Black text looks like thisHard to read
Avoid for text. Use it for shapes and backgrounds instead. Contrast 2.3 to 1

White text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #6E3A5E, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

035 palettes with plum

VictorianVictorianBlush GlassGlassmorphismGoth WaveGothicVictorianGothicArchitectural PostmodernismArchitectural Postmodernism

04The styles that use it

Gothic2Victorian1Glassmorphism1Architectural Postmodernism1

05Questions

What is the hex code for plum?

Plum is most often given as #6E3A5E. There is no single official value (CSS's named plum is #DDA0DD); the 5 plum swatches in the Omoro library run across the range shown on this page.

What colours go with plum?

In the library's palettes, plum most often sits beside pink, teal and yellow, with grey and black as the neutrals.

Which design styles use plum?

Gothic, Victorian and Glassmorphism use it most. 4 styles use it in all.

Goes withPink 40%Teal 20%Yellow 20%Red 20%Blue 20%Orange 20%

06More purple shades

Lavender
Every colour familyAll colors and shades →
All palettes →Browse the styles →