Dark Violet color values
| Format | Value |
|---|---|
| Hex | #9400D3 |
| RGB | rgb(148, 0, 211) |
| HSL | hsl(282, 100%, 41%) |
| HSV | 282, 100%, 83% |
| CMYK (simple conversion) | 30%, 100%, 0%, 17% |
| Decimal | 9699539 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Dark Violet
Dark violet is a deep, intense purple that leans closer to blue than to red. It creates a dramatic, moody atmosphere in digital art and web backgrounds. The color is often associated with royalty, magic, and premium services. It is one of the 148 CSS named colors.
Shades and tints of Dark Violet
Tints mix Dark Violet with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #9F1AD7 | #8500BE |
| 20% | #A933DC | #7600A9 |
| 30% | #B44DE0 | #680094 |
| 40% | #BF66E5 | #59007F |
| 50% | #CA80E9 | #4A006A |
Color harmony for Dark Violet
These colors keep the same saturation and lightness as Dark Violet and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #3FD300 |
| Analogous | #2A00D3 #D300A9 |
| Triadic | #D39400 #00D394 |
| Split complementary | #A9D300 #00D32A |
Contrast and accessibility
Contrast between #9400D3 and white is 6.56:1 (passes AA). Against black it is 3.20:1 (large text only). For text on a Dark Violet background, white text is the more readable choice.
Use Dark Violet in CSS
.element {
color: darkviolet;
background-color: #9400D3;
border-color: rgb(148 0 211);
outline-color: hsl(282 100% 41%);
}All four lines produce exactly the same color. The keyword darkviolet is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Blue Violet: #8A2BE2
- darkorchid: #9932CC
- Dark Magenta: #8B008B
- Purple: #800080
FAQ
What is the hex code for Dark Violet?
The hex code for Dark Violet is #9400D3. As a CSS color keyword you can also write darkviolet.
What is Dark Violet in RGB?
Dark Violet is rgb(148, 0, 211): red 148, green 0, blue 211 on the 0 to 255 scale.
What color is closest to Dark Violet?
Of the CSS named colors, blueviolet (#8A2BE2) is the closest match to Dark Violet, followed by darkorchid and darkmagenta.
More colors
- Dark Turquoise: previous page
- Deep Pink: next page
- CSS named colors: the full list