Purple plum is a rich, elegant color blending red and blue, sitting among purple tones on the color wheel. It's a lush, jewel-toned shade, offering a royal and sophisticated vibe. Related shades include deep plum and subdued purple. Use it to add depth and elegance in designs or decor.
Purple Plum is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #9C51B6
- RGB value: 61.2% red, 31.8% green, 71.4% 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 purple plum, consider:
- Aubergine (#372528): Aubergine offers a deep, earthy purple, much like Purple Plum but with a slightly more subdued and muted intensity, giving off an elegant and rich vibe.
- Dark Purple (#341539): Dark Purple shares a similar depth to Purple Plum, presenting a bold and majestic shade that embodies a jewel-toned richness, characteristic of deep purples.
- Royal Purple (#6C3BAA): Royal Purple captures the vibrancy and regal nature found in Purple Plum, with a slightly brighter hue that still maintains the classic, lush characteristics of a rich purple tone.
- Plum (#8E4585): Plum mirrors Purple Plum with a comparable richness and lushness, adding a hint of grapevine color that enhances its depth and complexity.
To complement Purple Plum, consider pairing it with:
- Mint Green (#ADEBB3): This soft, pastel hue provides a fresh, calming contrast to Purple Plum’s richness, promoting a soothing yet lively aesthetic.
- Gold (#EFBF04): The warmth and brightness of gold create a luxurious pairing with Purple Plum, highlighting its deep, elegant tones.
- Aqua (#00FFF0): The vibrant and lively nature of aqua shines against Purple Plum, adding an energetic dynamic while maintaining balance.
- Peach (#FFD3AC): With its soft and warm undertones, peach accentuates Purple Plum’s opulence, perfect for creating a harmonious and welcoming palette.
- Light Gray (#D3D3D3): Offering a subtle, neutral backdrop, light gray allows Purple Plum to stand out, creating a sophisticated and serene design.
While Purple Plum is elegant and majestic, it may clash with:
- Yellow-Orange (#FFB343): The brightness of yellow-orange can overpower the subdued purple of Purple Plum, creating an unbalanced visual effect.
- Neon Green (#2CFF05): The vivid, almost electric presence of neon green sharply contrasts with Purple Plum, leading to a clashing palette that feels discordant.
- Cherry (#D20A2E): The intensity of cherry competes with Purple Plum's rich tones, resulting in a struggle for attention and a less aesthetically pleasing combination.
- Cobalt Blue (#0047AB): Cobalt blue’s strong, bold presence can clash with Purple Plum’s depth, potentially causing a harsh visual tension.
- Bright Orange (#FF991C): Bright orange’s vibrant energy can overshadow the more muted sophistication of Purple Plum, leading to an overwhelming and visually intense pairing.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Amethyst Dream
Lavender Grove
Mystic Haze
Contrast checker
Contrast 4.92
- Large Text
#9C51B6
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.27
- Large Text
#9C51B6
- 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 #9C51B6, known as Purple Plum, has RGB values of R:156, G:81, B:182 and CMYK values of C:14, M:55, Y:0, K:29.
| VALUE | CSS | |
|---|---|---|
| HEX | #9C51B6 | #9C51B6 |
| RGB DECIMAL | 156, 81, 182 | RGB(156,81,182) |
| RGB PERCENTAGE | 61.2, 31.8, 71.4 | RGB(61.2%,31.8%,71.4%) |
| CMYK | 14, 55, 0, 29 | |
| HSL | HSL(284.6, 40.9%, 51.6%) | HSL(284.6, 40.9%, 51.6%) |
| HSV (OR HSB) | 284.6°, 55.5, 71.4 | |
| WEB SAFE | #153102204 | #153102204 |
| BINARY | 10011100, 01010001, 10110110 | |
| iOS - SwiftUI | Color(red: 0.612, green: 0.318, blue: 0.714) | |
| iOS - UIKit | UIColor(red: 0.612, green: 0.318, blue: 0.714, alpha: 1) | |
| Android - Compose | Color(0xFF9C51B6) |
