Colors

#9400D3

Dark Violet

Dark Violet is #9400D3. In CSS you can write it as the keyword darkviolet. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#9400D3
RGB
rgb(148, 0, 211)
HSL
hsl(282,100%,41%)
HSV
hsv(282, 100%, 83%)
CMYK
cmyk(30,100,0,17)
OKLCH
oklch(51.5% 0.261 309.8)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#A933DC

20% white

#BF66E5

40% white

#D499ED

60% white

#EACCF6

80% white

Shades

#7600A9

20% black

#59007F

40% black

#3B0054

60% black

#1E002A

80% black

Harmony palettes

These schemes rotate hue from Dark Violet. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#9200D1

#3FD100

#AE40DD

#6FDD40

#502163

Analogous

Open in palette generator

#2A00D1

#9200D1

#D100A7

#D1003F

#1045C1

Triadic

Open in palette generator

#9200D1

#D19200

#00D192

#DDAE40

#188665

Split Complementary

Open in palette generator

#9200D1

#A7D100

#00D12A

#B360D7

#356321

Monochromatic

Open in palette generator

#470066

#7D00B3

#B300FF

#C94DFF

#E099FF

Tetradic

Open in palette generator

#9200D1

#D12A00

#3FD100

#00A7D1

#D55839

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 6.56:1
AA normal text Pass
AA large text Pass
AAA normal text Fail
AAA large text Pass
On black · 3.20:1
AA normal text Fail
AA large text Pass
AAA normal text Fail
AAA large text Fail

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color