Purple

purple is a CSS color keyword. The closest Tailwind step is fuchsia-800 (#86198f).

#800080rgb(128, 0, 128)

Hex: #800080
RGB: 128, 0, 128
HSL: 300°, 100%, 25%
OKLCH: 42.1% 0.193 328.4
LAB: 29.8 58.9 -36.5

Open #800080 in the explorer

Text contrast

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

Black text2.2:1 FailAPCA Lc 16

White text9.4:1 AAAAPCA Lc -93

Color vision

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

Full color
#800080

Protanopia
#003d83

Deuteranopia
#304b7d

Tritanopia
#842149

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: purple;
background: #800080;

@theme {
  --color-purple-50: #fff0fe;
  --color-purple-100: #ffdafc;
  --color-purple-200: #ffb2fb;
  --color-purple-300: #f481f1;
  --color-purple-400: #d665d3;
  --color-purple-500: #b444b2;
  --color-purple-600: #962595;
  --color-purple-700: #7b007b;
  --color-purple-800: #5b005b;
  --color-purple-900: #3c003c;
  --color-purple-950: #1d001d;
}