Rebeccapurple

rebeccapurple is a CSS color keyword. The closest Tailwind step is purple-900 (#581c87).

#663399rgb(102, 51, 153)
Hex
#663399
RGB
102, 51, 153
HSL
270°, 50%, 40%
OKLCH
44.0% 0.160 303.4
LAB
32.9 42.9 -47.1

Open #663399 in the explorer

Text contrast

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

Black text2.5:1 FailAPCA Lc 19
White text8.4:1 AAAAPCA Lc -90

Color vision

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

Full color
#663399
Protanopia
#004c9c
Deuteranopia
#0f4d97
Tritanopia
#5c4961

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: rebeccapurple;
background: #663399;
@theme {
  --color-rebeccapurple-50: #f7f3ff;
  --color-rebeccapurple-100: #ede2ff;
  --color-rebeccapurple-200: #dcc4ff;
  --color-rebeccapurple-300: #c79cff;
  --color-rebeccapurple-400: #ad7ce8;
  --color-rebeccapurple-500: #8f5ec7;
  --color-rebeccapurple-600: #7442a9;
  --color-rebeccapurple-700: #5e298f;
  --color-rebeccapurple-800: #480c76;
  --color-rebeccapurple-900: #300053;
  --color-rebeccapurple-950: #16002a;
}