Plum is a rich, deep purple—mixing red with a hint of brown. Nestled between purple and brown on the color wheel, it evokes sophistication and warmth. Related shades include wine and aubergine. Use plum for adding elegance or a pop of drama to your designs, especially in minimalistic layouts.
Plum is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #8E4585
- RGB value: 55.7% red, 27.1% green, 52.2% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
For variations within the same spectrum as Plum, consider:
- Aubergine (#372528): Aubergine mimics plum’s dark, rich undertones with its deep, purplish-brown blend, creating a dramatic intensity.
- Burgundy (#660033): Burgundy offers a comparable depth and elegance, infusing dark red and purple tones like those of a ripe plum.
- Dark Purple (#341539): Dark Purple captures plum’s moody vibe with its deep, lush purple, invoking richness and a sense of mystery.
- Dark Red (#950606): Dark Red shares a similar depth and warmth with its profound, rich shades, echoing plum’s opulent appearance.
To complement Plum, consider pairing it with:
- Mint Green (#ADEBB3): This color introduces a refreshing contrast, enhancing Plum’s richness while maintaining a harmonious balance.
- Gold (#EFBF04): Gold adds a touch of luxury and warmth, creating a sophisticated pairing with Plum's deep hues.
- Cream (#FDFBD4): As a neutral base, cream allows Plum to shine and provides a subtle, elegant balance to the color palette.
- Light Yellow (#FFFFC5): This soft, sunny shade brings brightness to Plum's depth, offering a cheerful and balanced combination.
Other colors worth considering include silver for a sleek, modern look, coral for a lively contrast, and navy blue for a classic and bold pairing.
While Plum is deep and rich, it may clash with:
- Neon Green (#2CFF05): Its intense brightness overshadows Plum, resulting in a startling contrast.
- Scarlet (#ED2100): The vivid warmth of scarlet conflicts with Plum’s cool depth, making the pairing unbalanced.
- Dark Yellow (#BA8E23): This muddy tone muddles Plum’s regal quality, creating a disharmonious look.
- Bright Orange (#FF991C): The energetic vibrancy of bright orange competes with Plum, leading to visual tension.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Plum Cascade
Vivid Kismet
Petal Mirage
Contrast 6.29
- Large Text
#8E4585
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.34
- Large Text
#8E4585
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #8E4585, known as plum, has RGB values of R:142, G:69, B:133 and CMYK values of C:0, M:51, Y:6, K:44.
| Value | CSS | |
|---|---|---|
| HEX | #8E4585 | #8E4585 |
| RGB DECIMAL | 142, 69, 133 | RGB(142,69,133) |
| RGB PERCENTAGE | 55.7, 27.1, 52.2 | RGB(55.7%,27.1%,52.2%) |
| CMYK | 0, 51, 6, 44 | |
| HSL | 307.4°, 34.6, 41.4 | HSL(307.4, 34.6%, 41.4%) |
| HSV (OR HSB) | 307.4°, 51.4, 55.7 | |
| WEB SAFE | #663366 | #663366 |
| CIE-LAB | 40.738, 39.979, -22.179 | |
| XYZ | 0.175, 0.117, 0.235 | |
| xyY | 0.557, 0.271, 0.522 | |
| CIE-LCH | 40.738, 45.719, 5.777 | |
| CIE-LUV | 40.738, 35.995, -36.444 | |
| HUNTER-LAB | 40.738, 39.979, -22.179 | |
| BINARY | 10001110, 01000101, 10000101 | |
| iOS - SwiftUI | Color(red: 0.557, green: 0.271, blue: 0.522) | |
| iOS - UIKit | UIColor(red: 0.557, green: 0.271, blue: 0.522, alpha: 1) | |
| Android - Compose | Color(0xFF#8E4585) |
