darkviolet — #9400D3
#9400D3
rgb(148, 0, 211) · hsl(282, 100%, 41%) · CSS keyword darkviolet
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| darkviolet on white | 6.56:1 | AA | AA |
| darkviolet on black | 3.2:1 | — | AA |
As a background, darkviolet takes white text: 6.56:1 against 3.2:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: darkviolet;
color: #9400d3;
color: rgb(148 0 211);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to darkviolet
- darkmagenta — #8B008B
- purple — #800080
- blueviolet — #8A2BE2
- darkorchid — #9932CC
- mediumvioletred — #C71585
- indigo — #4B0082
Frequently asked questions
What is the hex code for darkviolet?
The hex code for darkviolet is #9400D3 — RGB 148, 0, 211.
Can I use darkviolet for text?
Yes. darkviolet reaches 6.56:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on darkviolet be black or white?
White — 6.56:1 against 3.2:1 the other way.
Other named colours
- deeppink — #FF1493
- deepskyblue — #00BFFF
- dimgray — #696969
- dodgerblue — #1E90FF
- firebrick — #B22222
- floralwhite — #FFFAF0
- forestgreen — #228B22
- fuchsia — #FF00FF
- gainsboro — #DCDCDC
- ghostwhite — #F8F8FF
- gold — #FFD700
- goldenrod — #DAA520
#9400D3 in full — tints, shades and harmonies · All named colours · Colour reference