purplecoolCSS named color

Darkorchid #9932CC

Darkorchid is a medium, moderately 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#9932CC
RGBrgb(153, 50, 204)
HSLhsl(280, 61%, 50%)
HSVhsv(280, 75%, 80%)
OKLCHoklch(54.11% 0.227 311.5)
OKLaboklab(54.11% 0.1506 -0.1702)
CMYKcmyk(25%, 75.5%, 0%, 20%)
XYZxyz(25.1745, 13.4138, 58.378)
CIE-LABlab(43.4, 65.2, -60.1)
CIE-LCHlch(43.4, 88.6, 317.3°)
Luminance0.134 (WCAG relative)
/* Darkorchid */ --darkorchid: #9932cc; color: #9932cc; background-color: #9932cc;

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

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)

#892fb6 #792ba0 #6a288a #5b2475 #4c2061 #3d1c4e #30183b #221329 #160b18 #000000

Tints (toward white)

#a54bd2 #b160d7 #bc75dc #c789e2 #d19ce7 #dbb0ec #e4c4f1 #eed7f6 #f6ebfa #ffffff

Tones (toward gray)

#953bc2 #9143b7 #8d49ad #884fa3 #835499 #7e588f #795c85 #73607a #6d6370 #666666

Color harmonies

Complementary

Edit in generator →
#9932CC
#65CC32
#9932cc #65cc32

Analogous

Edit in generator →
#4C32CC
#9932CC
#CC32B2
#4c32cc #9932cc #cc32b2

Triadic

Edit in generator →
#9932CC
#CC9932
#32CC99
#9932cc #cc9932 #32cc99

Tetradic

Edit in generator →
#9932CC
#CC4C32
#65CC32
#32B2CC
#9932cc #cc4c32 #65cc32 #32b2cc

Square

Edit in generator →
#9932CC
#CC4C32
#65CC32
#32B2CC
#9932cc #cc4c32 #65cc32 #32b2cc

Split Complementary

Edit in generator →
#9932CC
#B2CC32
#32CC4C
#9932cc #b2cc32 #32cc4c

Monochromatic

Edit in generator →
#4F1A6A
#74269B
#9932CC
#B263D9
#CA94E5
#4f1a6a #74269b #9932cc #b263d9 #ca94e5

Accessibility & contrast

5.70
#9932CC on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
3.68
#9932CC on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓

Best text on darkorchid

5.70
#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)
#0062D0
Deuteranopia (green-blind)
#1468C9
Tritanopia (blue-blind)
#92567E

Closest named colors

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

ColorNameΔE₀₀
Vibrant Purple #AD03DE3.79
Blueviolet #8A2BE24.40
Darkviolet #9400D34.44
Purply #983FB24.54
Barney #AC1DB85.26
Vivid Purple #9900FA6.07

Colors that go with darkorchid

Top matches by hue harmony, contrast and saturation compatibility.

Bright Lilac #C95EFB
1.8:1
Same hue family as darkorchid (Δh 1°) — guaranteed harmony
1.6:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Gold #FFD700
4.1:1
Triadic harmony (Δh ≈130°) — balanced three-way contrast
Neon Yellow #CFFF04
4.9:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Green Apple #5EDC1F
3.2:1
Complementary hue (Δh ≈180°) — 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.