CSS named color
DarkViolet
#9400D3
HEX
#9400d3RGB
rgb(148, 0, 211)HSL
hsl(282, 100%, 41%)OKLCH
oklch(51.49% 0.2607 309.81)NAME
darkvioletPalette
Complementary
180° on the color wheelComplement
#3FD100
Analogous
±30° around the base hueLeft
#2A00D1
Right
#D100A7
Triadic
±120° for harmonic contrastTriad 1
#D19200
Triad 2
#00D192
Shades
Lighter and darker variantsCSS usage
By name
color: darkviolet;
background-color: darkviolet;By HEX
color: #9400d3;
background-color: #9400d3;By RGB
color: rgb(148, 0, 211);
background-color: rgb(148, 0, 211);By HSL
color: hsl(282, 100%, 41%);
background-color: hsl(282, 100%, 41%);WCAG contrast vs white
Aa
6.56:1
AA
WCAG contrast vs black
Aa
3.20:1
AA (large text)
Related colors
FAQ — DarkViolet
What is the HEX code for DarkViolet?
The HEX code for DarkViolet is #9400D3. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkviolet; or color: #9400d3;
What is DarkViolet in RGB?
DarkViolet in RGB is rgb(148, 0, 211) — red 148, green 0, blue 211.
What is DarkViolet in HSL?
DarkViolet in HSL is hsl(282, 100%, 41%) — hue 282°, saturation 100%, lightness 41%.
What is the complementary color of DarkViolet?
The complementary color (directly opposite DarkViolet on the color wheel) is #3FD100. The two together produce maximum contrast.
Is white text readable on DarkViolet?
The WCAG contrast ratio against white (#FFFFFF) is 6.56:1, and against black (#000000) it's 3.20:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.