Inspect DarkViolet (#9400D3) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.
DarkViolet
#9400D3
White text reads best on this background, at 6.56:1.
DarkViolet is one of the 148 CSS named colors, and resolves to #9400D3 in every browser. In numbers that is rgb(148, 0, 211) and hsl(282, 100%, 41%). Perceptually it is a mid-toned, vivid color: OKLCH puts its lightness at 51% and its chroma at 0.261. It sits in the purples at 310 degrees of OKLCH hue, and reads as a cool color.
White text clears WCAG AA on a DarkViolet background at 6.56:1. At this chroma it is loud enough to be an accent or a call to action, but it will fight anything else vivid placed next to it.
The closest CSS named colors to DarkViolet, measured with CIEDE2000, are BlueViolet (#8A2BE2), DarkOrchid (#9932CC), RebeccaPurple (#663399). If DarkViolet is not quite right, those are the nearest keywords to try before reaching for a custom value.
HEX
#9400D3
RGB
rgb(148, 0, 211)
HSL
hsl(282, 100%, 41%)
HWB
hwb(282 0% 17%)
CMYK
cmyk(30%, 100%, 0%, 17%)
LAB
lab(38.79 70.43 -71.24)
LCH
lch(38.79 100.18 314.67)
OKLCH
oklch(51.49% 0.2607 309.81)
WCAG asks for 4.5:1 between body text and its background. On #9400D3 white text measures 6.56:1 and black text 3.2:1, so white clears it and black does not.
White text on DarkViolet
WCAG 2.2
6.56:1
APCA
Lc 85
Passes AA body text
Fails AAA body text
Passes AA large text
Black text on DarkViolet
WCAG 2.2
3.2:1
APCA
Lc 24
Fails AA body text
Fails AAA body text
Passes AA large text
Check DarkViolet against any other color in the contrast checker.
DarkViolet sits at 51% OKLCH lightness. Holding its hue and chroma and moving only that value carries it up to #FBF6FF and down to #0C0016, which keeps the family recognizable instead of letting it drift toward gray the way a plain HSL ramp does.
#B13BF3
20% lighter
#C670FF
40% lighter
#D7A1FF
60% lighter
#E9CDFF
80% lighter
#FBF6FF
100% lighter
#7600A9
20% darker
#580080
40% darker
#3D005A
60% darker
#230037
80% darker
#0C0016
100% darker
Build a full accessible scale from #9400D3 in the shade generator.
Hues rotated around #9400D3 in OKLCH, then pulled back into the sRGB gamut. Each swatch is labelled with the nearest CSS named color so you have a keyword to start from.
DarkViolet sits at 310 degrees. Rotating it a half turn lands on 130 degrees, the hue directly opposite. It is the strongest pairing you can make without changing lightness, and the one most likely to vibrate if you use both at full chroma.
The neighbors of DarkViolet at 280 and 340 degrees. They stay close enough to read as the same family, which is what you want for hover states, secondary surfaces and gradients.
310, 70 and 190 degrees divide the wheel into thirds. Balanced enough to carry a whole palette without one color dominating the other two.
Instead of the complement at 130 degrees, this pair flanks it at 100 and 160. You keep most of the contrast of a complementary pairing while losing the harshness.
Explore more combinations around DarkViolet on the color wheel.
The biggest shift is under achromatopsia, where #9400D3 reads as #2F2F2F, 34.8 CIEDE2000 units away. If DarkViolet is the only thing marking a state or a series, roughly one viewer in twelve will miss it.
Protanopia
#0026DD
Deuteranopia
#0633CB
Tritanopia
#941441
Achromatopsia
#2F2F2F
The nearest CSS keywords to #9400D3, ranked by perceptual distance rather than by how close their hex digits happen to look.