Mediumpurple

mediumpurple is a CSS color keyword. The closest Tailwind step is violet-400 (#a78bfa).

#9370dbrgb(147, 112, 219)

Hex: #9370db
RGB: 147, 112, 219
HSL: 260°, 60%, 65%
OKLCH: 62.7% 0.158 296.7
LAB: 55.0 36.8 -50.1

Open #9370db in the explorer

Text contrast

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

Black text5.6:1 AAAPCA Lc 42

White text3.8:1 FailAPCA Lc -68

Color vision

How #9370db looks in simulations of color blindness, at full severity.

Full color
#9370db

Protanopia
#4b84df

Deuteranopia
#5282d8

Tritanopia
#83849b

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: mediumpurple;
background: #9370db;

@theme {
  --color-mediumpurple-50: #f6f3ff;
  --color-mediumpurple-100: #eae3ff;
  --color-mediumpurple-200: #d6c7ff;
  --color-mediumpurple-300: #bda1ff;
  --color-mediumpurple-400: #a380ed;
  --color-mediumpurple-500: #8562cb;
  --color-mediumpurple-600: #6b46ad;
  --color-mediumpurple-700: #562e94;
  --color-mediumpurple-800: #41127a;
  --color-mediumpurple-900: #2b0059;
  --color-mediumpurple-950: #13002d;
}