Darkviolet

darkviolet is a CSS color keyword. The closest Tailwind step is purple-600 (#9333ea).

#9400d3rgb(148, 0, 211)
Hex
#9400d3
RGB
148, 0, 211
HSL
282°, 100%, 41%
OKLCH
51.5% 0.261 309.8
LAB
39.6 76.3 -70.4

Open #9400d3 in the explorer

Text contrast

Black or white text on #9400d3. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text3.2:1 FailAPCA Lc 25
White text6.6:1 AAAPCA Lc -84

Color vision

How #9400d3 looks in simulations of color blindness, at full severity.

Full color
#9400d3
Protanopia
#0058d8
Deuteranopia
#005fd0
Tritanopia
#8a4c7b

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to darkviolet.

50100200300400500600700800900950

Copy into CSS

color: darkviolet;
background: #9400d3;
@theme {
  --color-darkviolet-50: #f9f2ff;
  --color-darkviolet-100: #f1e0ff;
  --color-darkviolet-200: #e3c1ff;
  --color-darkviolet-300: #d396ff;
  --color-darkviolet-400: #c364ff;
  --color-darkviolet-500: #a82eea;
  --color-darkviolet-600: #8a00c6;
  --color-darkviolet-700: #6c009b;
  --color-darkviolet-800: #4f0073;
  --color-darkviolet-900: #34004d;
  --color-darkviolet-950: #180027;
}