HTML named color
DarkViolet color code
Use the DarkViolet HTML color with HEX #9400D3, RGB 148,0,211 and HSL 282,100%,41%. Copy CSS examples, shades and accessible contrast combinations.
Violets
#9400D3
rgb(148,0,211)
HEX
#9400D3RGB
rgb(148,0,211)HSL
hsl(282,100%,41%)OKLCH
oklch(51.5% 0.261 309.8)CSS name
darkvioletHow to use this color
DarkViolet can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-dark-violet {
color: #9400D3;
}
.bg-dark-violet {
background-color: darkviolet;
}
.border-dark-violet {
border-color: rgb(148,0,211);
}Shades palette
#240033#510274#8206B7#AE0BF4#C24EF4#D892F6#EED1FA