purplecoolCSS named color

Darkviolet #9400D3

Darkviolet is a medium, highly saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Creative accents · Royal themes

Open in generator →

Families: Purples · Violet Colors

Color values

FormatValue
HEX#9400D3
RGBrgb(148, 0, 211)
HSLhsl(282, 100%, 41%)
HSVhsv(282, 100%, 83%)
OKLCHoklch(51.49% 0.261 309.8)
OKLaboklab(51.49% 0.1669 -0.2002)
CMYKcmyk(29.9%, 100%, 0%, 17.3%)
XYZxyz(23.9682, 10.9996, 62.4759)
CIE-LABlab(39.6, 76.3, -70.4)
CIE-LCHlch(39.6, 103.8, 317.3°)
Luminance0.110 (WCAG relative)
/* Darkviolet */ --darkviolet: #9400d3; color: #9400d3; background-color: #9400d3;

Source: W3C CSS named color. CSS keyword: darkviolet.

Collections: Vibrant Colors · Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#850bbc #7611a5 #67148f #581579 #4a1564 #3c1450 #2f133d #22102a #160919 #000000

Tints (toward white)

#a233d8 #ae4fdd #ba67e2 #c67de6 #d193eb #dba9ef #e5bef3 #eed4f7 #f7e9fb #ffffff

Tones (toward gray)

#901ec7 #8c2dbb #8737af #823fa3 #7d4697 #784c8b #725180 #6c5574 #655a69 #5d5d5d

Color harmonies

Complementary

Edit in generator →
#9400D3
#3FD300
#9400d3 #3fd300

Analogous

Edit in generator →
#2A00D3
#9400D3
#D300A9
#2a00d3 #9400d3 #d300a9

Triadic

Edit in generator →
#9400D3
#D39400
#00D394
#9400d3 #d39400 #00d394

Tetradic

Edit in generator →
#9400D3
#D32A00
#3FD300
#00A9D3
#9400d3 #d32a00 #3fd300 #00a9d3

Square

Edit in generator →
#9400D3
#D32A00
#3FD300
#00A9D3
#9400d3 #d32a00 #3fd300 #00a9d3

Split Complementary

Edit in generator →
#9400D3
#A9D300
#00D32A
#9400d3 #a9d300 #00d32a

Monochromatic

Edit in generator →
#3E0059
#690096
#9400D3
#B811FF
#CA4EFF
#3e0059 #690096 #9400d3 #b811ff #ca4eff

Accessibility & contrast

6.56
#9400D3 on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
3.20
#9400D3 on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓

Best text on darkviolet

6.56
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#0058D8
Deuteranopia (green-blind)
#005FD0
Tritanopia (blue-blind)
#8A4C7B

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Blueviolet #8A2BE24.04
Darkorchid #9932CC4.44
Vibrant Purple #AD03DE4.88
Vivid Purple #9900FA5.22
Violet #8F00FF5.64
Barney #AC1DB87.07

Colors that go with darkviolet

Top matches by hue harmony, contrast and saturation compatibility.

Bright Lilac #C95EFB
2.0:1
Same hue family as darkviolet (Δh 1°) — guaranteed harmony
Indigo Blue #3A18B1
1.6:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Gold #FFD700
4.7:1
Triadic harmony (Δh ≈129°) — balanced three-way contrast
Lime Yellow #D0FE1D
5.6:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Poison Green #40FD14
4.8:1
Complementary hue (Δh ≈173°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.