Blueviolet

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

#8a2be2rgb(138, 43, 226)
Hex
#8a2be2
RGB
138, 43, 226
HSL
271°, 76%, 53%
OKLCH
53.4% 0.250 301.4
LAB
42.2 69.8 -74.8

Open #8a2be2 in the explorer

Text contrast

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

Black text3.5:1 FailAPCA Lc 28
White text6.0:1 AAAPCA Lc -82

Color vision

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

Full color
#8a2be2
Protanopia
#0063e7
Deuteranopia
#0063df
Tritanopia
#765f89

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: blueviolet;
background: #8a2be2;
@theme {
  --color-blueviolet-50: #f7f3ff;
  --color-blueviolet-100: #ece2ff;
  --color-blueviolet-200: #dac5ff;
  --color-blueviolet-300: #c49eff;
  --color-blueviolet-400: #b072ff;
  --color-blueviolet-500: #983ef2;
  --color-blueviolet-600: #7d12d3;
  --color-blueviolet-700: #6300a9;
  --color-blueviolet-800: #48007e;
  --color-blueviolet-900: #2f0055;
  --color-blueviolet-950: #15002b;
}