Dark Violet is a medium-dark, vivid shade in the purple color family, with a cool feel. Its HEX code is #9400D3, which equals rgb(148, 0, 211) in RGB and hsl(282, 100%, 41%) in HSL. In print terms it converts to roughly C30 M100 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#9400D3 - RGB
148, 0, 211 - HSL
282°, 100%, 41% - CMYK
30, 100, 0, 17 - Family
Purple - Tone
Medium-dark, vivid
About Dark Violet
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 6.56:1. Its complementary color is #3FD100.
Download Dark Violet as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Dark Violet color codes
| HEX | #9400D3 |
|---|---|
| RGB | rgb(148, 0, 211) |
| HSL | hsl(282, 100%, 41%) |
| HSV | 282°, 100%, 83% |
| CMYK | 30%, 100%, 0%, 17% |
| Decimal | 9699539 |
Shades and tints of Dark Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EDD5F8 - 100
#DBAAF0 - 200
#CA80E9 - 300
#B855E2 - 400
#A62BDA - 500
#9400D3 - 600
#7B00B0 - 700
#63008D - 800
#4A006A - 900
#310046 - 950
#190023
Color harmonies for Dark Violet
- Complementary
#3FD100≈ Medium Dark Leaf - Analogous −30°
#2A00D1≈ Medium Dark Indigo - Analogous +30°
#D100A7≈ Medium Dark Cerise - Triadic +120°
#D19200≈ Medium Dark Amber - Triadic +240°
#00D192≈ Medium Dark Aquamarine - Split 150°
#A7D100≈ Medium Dark Lime - Split 210°
#00D12A≈ Medium Dark Emerald
Contrast and accessibility of Dark Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Violet | Aa | 6.56:1 | AA (good) |
| Black text on Dark Violet | Aa | 3.20:1 | AA Large only |
CSS code for Dark Violet
background-color: #9400D3;color: #9400D3;background-color: rgb(148, 0, 211);background-color: hsl(282, 100%, 41%);:root { --color-dark-violet: #9400D3; }class="bg-[#9400D3]"Colors similar to Dark Violet
- Medium Dark Grape
#9600D6 - Medium Dark Amethyst
#8100D6 - Medium Dark Purple
#AB00D6 - Medium Dark Bright Grape
#8D15C1 - Medium Dark Bright Purple
#9F15C1 - Bright Amethyst
#9419E6 - Deep Orchid
#9C00AD - Deep Purple
#8B00AD - Medium Dark Bright Amethyst
#7C15C1 - Medium Dark Violet
#6B00D6 - Bright Grape
#A819E6 - Bright Violet
#7F19E6
More purple shades
- Orchid
#DA70D6 - Violet
#EE82EE - Rebecca Purple
#663399 - Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC - Darkest Periwinkle
#140033 - Very Dark Periwinkle
#25005C
Frequently asked questions
What is the HEX code for Dark Violet?
The HEX code for Dark Violet is #9400D3.
What is the RGB value of Dark Violet?
Dark Violet has an RGB value of 148, 0, 211 (rgb(148, 0, 211)). In HSL it is 282°, 100%, 41%.
What text color should I use on Dark Violet?
Use white text on Dark Violet. White text has a contrast ratio of 6.56:1 and black text has 3.20:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Violet?
The complementary color of Dark Violet is #3FD100. Analogous colors #2A00D1 and #D100A7 also pair well.