darkorchid — #9932CC
#9932CC
rgb(153, 50, 204) · hsl(280, 61%, 50%) · CSS keyword darkorchid
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| darkorchid on white | 5.7:1 | AA | AA |
| darkorchid on black | 3.68:1 | — | AA |
As a background, darkorchid takes white text: 5.7:1 against 3.68: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: darkorchid;
color: #9932cc;
color: rgb(153 50 204);
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 darkorchid
- blueviolet — #8A2BE2
- mediumorchid — #BA55D3
- rebeccapurple — #663399
- darkviolet — #9400D3
- slateblue — #6A5ACD
- mediumvioletred — #C71585
Frequently asked questions
What is the hex code for darkorchid?
The hex code for darkorchid is #9932CC — RGB 153, 50, 204.
Can I use darkorchid for text?
Yes. darkorchid reaches 5.7:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on darkorchid be black or white?
White — 5.7:1 against 3.68:1 the other way.
Other named colours
- darkred — #8B0000
- darksalmon — #E9967A
- darkseagreen — #8FBC8F
- darkslateblue — #483D8B
- darkslategray — #2F4F4F
- darkturquoise — #00CED1
- darkviolet — #9400D3
- deeppink — #FF1493
- deepskyblue — #00BFFF
- dimgray — #696969
- dodgerblue — #1E90FF
- firebrick — #B22222
#9932CC in full — tints, shades and harmonies · All named colours · Colour reference