Dark violet is a deep, mysterious shade that exudes luxury and elegance. Nestled in the violet spectrum, it combines rich purple tones with a hint of blue. Related shades include deep purple and indigo. Perfect for creating bold, dramatic designs or adding a jewel-tone accent to interiors.
Dark violet is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #9400D3
- RGB value: 58.0% red, 0.0% green, 82.7% 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 violet, consider:
- Aubergine (#372528): Aubergine carries a deep, earthy nature that parallels Dark Violet's rich intensity, fastening the connection through its deep purple tones.
- Byzantium (#702963): With its darker, muted purple shade, Byzantium resonates with Dark Violet, reflecting a sophisticated and rich violet hue.
- Eggplant (#614051): Eggplant shares a darker purple depth with a robust, shadowy character similar to Dark Violet, fitting into the same violet spectrum.
- Royal Purple (#6c3baa): Royal Purple exudes a regal vibrancy and depth, matching the intense pigment variations found in Dark Violet.
To complement dark violet, consider pairing it with:
- Gold (#EFBF04): This shade plays against dark violet’s richness, adding a touch of luxury and warmth that creates a dynamic, jewel-toned palette suitable for dramatic flair.
- Emerald (#50C878): The deep green of emerald enhances the opulence of dark violet, offering a striking contrast that suits an artistic palette.
- Silver (#C4C4C4): This neutral tone provides a sleek backdrop, highlighting dark violet’s intensity while maintaining balance and sophistication.
- Lilac (#A47DAB): A lighter shade within the violet spectrum, lilac softens dark violet, crafting a harmonious and soothing combination ideal for color psychology or interior design.
- Mustard Yellow (#FFCE1B): Offers an unexpected pop of warmth, generating energy and vibrancy in a complementary combination that commands attention.
While dark violet is deep and captivating, it may clash with:
- Bright Yellow (#FFED29): This color clashes due to its intense brightness, creating a stark contrast that overwhelms dark violet's richness.
- Neon Orange (#FF5C00): Its vivid intensity can overpower dark violet, resulting in a palette that feels discordant and visually jarring.
- Jade Green (#00BB77): Its vibrant hue against dark violet introduces a mix of cool and warm tones that conflict, creating visual noise.
- Scarlet (#ED2100): The bold warmth of scarlet fights for attention, creating tension with dark violet's cool undertones.
- Mint Green (#ADEBB3): This creates a pastel vibrancy that detracts from dark violet's depth, leading to an unbalanced combination.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Plum Dazzle
Vivid Sprout
Neon Vivid
Contrast checker
Contrast 6.56
- Large Text
#9400D3
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.2
- Large Text
#9400D3
- 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 #9400D3, known as Dark violet, has RGB values of R:148, G:0, B:211 and CMYK values of C:30, M:100, Y:0, K:17.
| VALUE | CSS | |
|---|---|---|
| HEX | #9400D3 | #9400D3 |
| RGB DECIMAL | 148, 0, 211 | RGB(148,0,211) |
| RGB PERCENTAGE | 58.0, 0.0, 82.7 | RGB(58.0%,0.0%,82.7%) |
| CMYK | 30, 100, 0, 17 | |
| HSL | HSL(282.1, 100.0%, 41.4%) | HSL(282.1, 100.0%, 41.4%) |
| HSV (OR HSB) | 282.1°, 100.0, 82.7 | |
| WEB SAFE | #1530204 | #1530204 |
| BINARY | 10010100, 00000000, 11010011 | |
| iOS - SwiftUI | Color(red: 0.580, green: 0.000, blue: 0.827) | |
| iOS - UIKit | UIColor(red: 0.580, green: 0.000, blue: 0.827, alpha: 1) | |
| Android - Compose | Color(0xFF9400D3) |
