Dark magenta is a rich, deep hue blending purple and pink, evoking a dramatic and bold mood. It sits between violet and red on the color wheel. Related shades include deep magenta tone and dark purple-pink. Use it to add a touch of sophistication in fashion or graphic design projects.
Dark magenta is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #8B008B
- RGB value: 54.5% red, 0.0% green, 54.5% 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 dark magenta, consider:
- Fuchsia (#FF00FF): Bright and bold, fuchsia shares the vividness and intensity of dark magenta, with both colors featuring strong purple-pink tones that stand out prominently.
- Purple (#9D00FF): Purple mirrors the rich magenta hue of dark magenta, offering a deep, saturated shade that combines the intensity of reds and blues, akin to dark purple-pink.
- Plum (#8E4585): Plum offers a deeper, muted variation that aligns with dark magenta's luxurious and sophisticated vibe, maintaining the elegance of a dark magenta shade.
- Magenta (#FD3DB5): With a slightly lighter yet similarly vibrant tone, magenta closely resembles dark magenta by embodying a rich, striking purple-pink color that draws attention.
To complement dark magenta, consider pairing it with:
- Sage (#BBB791): This soft, muted green provides a calm balance to dark magenta's intensity, enhancing its rich magenta hue without overpowering it.
- Mint Green (#ADEBB3): The fresh, vibrant quality of mint green adds a light contrast to dark magenta, creating an energetic and dynamic color combination perfect for a vibrant color palette.
- Mustard Yellow (#FFCE1B): Mustard yellow introduces a warm, earthy tone that contrasts beautifully with dark magenta, highlighting its deep magenta tone while adding a lively energy to any design.
- Powder Blue (#B8E3E9): Powders blue’s soft, subtle vibe complements dark magenta’s boldness, offering a harmonious balance that works well in graphic design settings.
- Peach (#FFD3AC): This warm, gentle shade creates a playful yet elegant combination with dark magenta, making it ideal for interior design color schemes focusing on a sophisticated look.
While Dark Magenta is a deep and rich magenta hue, it may clash with:
- Olive Green (#636B2F): Olive green's muted, earthy tones can dull the vibrant energy of dark magenta, creating an unbalanced color palette.
- Cinnabar (#E84B3D): Cinnabar's bold red-orange shade competes directly with dark magenta's intensity, leading to a visually overwhelming combination.
- Baby Blue (#8FD9FB): Baby blue's softness and lightness feel out of place next to the bold and deep magenta shade, causing a jarring contrast.
- Coral (#FF8559): Coral's warm, cheerful brightness can conflict with the more dramatic and serious deep magenta tone.
- Lime Green (#89F336): Lime green's brightness and vividness make it compete aggressively with dark magenta, forming a visually chaotic pairing.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Orchid Grove
Magenta Grove
Vivid Prism
Contrast checker
Contrast 8.5
- Large Text
#8B008B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.47
- Large Text
#8B008B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #8B008B, known as Dark magenta, has RGB values of R:139, G:0, B:139 and CMYK values of C:0, M:100, Y:0, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #8B008B | #8B008B |
| RGB DECIMAL | 139, 0, 139 | RGB(139,0,139) |
| RGB PERCENTAGE | 54.5, 0.0, 54.5 | RGB(54.5%,0.0%,54.5%) |
| CMYK | 0, 100, 0, 45 | |
| HSL | HSL(300.0, 100.0%, 27.3%) | HSL(300.0, 100.0%, 27.3%) |
| HSV (OR HSB) | 300.0°, 100.0, 54.5 | |
| WEB SAFE | #1530153 | #1530153 |
| BINARY | 10001011, 00000000, 10001011 | |
| iOS - SwiftUI | Color(red: 0.545, green: 0.000, blue: 0.545) | |
| iOS - UIKit | UIColor(red: 0.545, green: 0.000, blue: 0.545, alpha: 1) | |
| Android - Compose | Color(0xFF8B008B) |
