Darkorchid

darkorchid is a CSS color keyword. The closest Tailwind step is purple-700 (#7e22ce).

#9932ccrgb(153, 50, 204)

Hex: #9932cc
RGB: 153, 50, 204
HSL: 280°, 61%, 50%
OKLCH: 54.1% 0.227 311.5
LAB: 43.4 65.2 -60.1

Open #9932cc in the explorer

Text contrast

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

Black text3.7:1 FailAPCA Lc 29

White text5.7:1 AAAPCA Lc -80

Color vision

How #9932cc looks in simulations of color blindness, at full severity.

Full color
#9932cc

Protanopia
#0062d0

Deuteranopia
#1468c9

Tritanopia
#92567e

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: darkorchid;
background: #9932cc;

@theme {
  --color-darkorchid-50: #f9f2ff;
  --color-darkorchid-100: #f2e0ff;
  --color-darkorchid-200: #e6c0ff;
  --color-darkorchid-300: #d694ff;
  --color-darkorchid-400: #c563fc;
  --color-darkorchid-500: #a541d9;
  --color-darkorchid-600: #891bbb;
  --color-darkorchid-700: #6e0098;
  --color-darkorchid-800: #500071;
  --color-darkorchid-900: #35004c;
  --color-darkorchid-950: #180026;
}