Dark Violet hex code
The hex code for dark violet is #9400D3. In RGB that is rgb(148, 0, 211) and in HSL it is hsl(282, 100%, 41%).
The hex code for dark violet is #9400D3. In RGB that is rgb(148, 0, 211) and in HSL it is hsl(282, 100%, 41%).
Dark Violet · #9400D3
Colour codes
- HEX
- #9400D3
- RGB
- rgb(148, 0, 211)
- HSL
- hsl(282, 100%, 41%)
- CMYK
- 30, 100, 0, 17
- CSS name
- darkviolet
- Contrast on white
- 6.56:1
- Contrast on black
- 3.20:1
Tints and shades
20% lighter · #a933dc
40% lighter · #bf66e5
60% lighter · #d499ed
80% lighter · #eaccf6
20% darker · #7600a9
40% darker · #59007f
60% darker · #3b0054
80% darker · #1e002a
Complementary colour
Dark Violet · #9400D3
Opposite on the colour wheel · #3fd100
Frequently asked questions
What is the hex code for dark violet?
The hex code for dark violet is #9400D3. In RGB that is rgb(148, 0, 211) and in HSL it is hsl(282, 100%, 41%).
Can I use dark violet for text?
It has a contrast ratio of 6.56:1 on white and 3.20:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with dark violet?
Its complementary colour, opposite on the colour wheel, is #3FD100. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of dark violet instead.
Is dark violet a CSS colour name?
Yes. CSS accepts the keyword darkviolet, so color: darkviolet and color: #9400D3 render exactly the same.