Violet

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

#ee82eergb(238, 130, 238)
Hex
#ee82ee
RGB
238, 130, 238
HSL
300°, 76%, 72%
OKLCH
76.2% 0.186 327.2
LAB
69.7 56.4 -36.8

Open #ee82ee in the explorer

Text contrast

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

Black text9.1:1 AAAAPCA Lc 61
White text2.3:1 FailAPCA Lc -48

Color vision

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

Full color
#ee82ee
Protanopia
#79a1f2
Deuteranopia
#97afeb
Tritanopia
#f48dad

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: violet;
background: #ee82ee;
@theme {
  --color-violet-50: #ffeffe;
  --color-violet-100: #ffdafe;
  --color-violet-200: #ffb2fe;
  --color-violet-300: #f185f1;
  --color-violet-400: #d268d3;
  --color-violet-500: #b148b2;
  --color-violet-600: #932a95;
  --color-violet-700: #7a057d;
  --color-violet-800: #5a005c;
  --color-violet-900: #3c003d;
  --color-violet-950: #1c001d;
}