#9E4EDD#9E4EDD

#9E4EDD is a mid, highly saturated violet. Relative luminance 0.179; OKLCH L 58.9% C 0.212 H 306.7°. Best body text is #000000 at 4.59:1 contrast (WCAG AA passes).

Color values

HEX#9E4EDD
RGBrgb(158, 78, 221)
HSLhsl(274, 68%, 59%)
HSVhsv(274, 65%, 87%)
CMYKcmyk(28.5%, 64.7%, 0%, 13.3%)
CIE-LABlab(49.42, 57.96, -60.05)
CIE-LCHlch(49.42, 83.46, 313.99°)
OKLaboklab(58.92% 0.1267 -0.17)
OKLCHoklch(58.92% 0.212 306.7)
XYZxyz(29.8733, 17.9387, 70.2813)
Luminance0.1794 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9E4EDD #8DDD4E
analogous
#564EDD #9E4EDD #DD4ED5
triadic
#9E4EDD #DD9E4E #4EDD9E
tetradic
#9E4EDD #DD564E #8DDD4E #4ED5DD
square
#9E4EDD #DD564E #8DDD4E #4ED5DD
split-complementary
#9E4EDD #D5DD4E #4EDD56
monochromatic
#5F1C94 #8026C7 #9E4EDD #BA81E7 #D6B5F1

Accessibility & contrast

On white

4.58
#9E4EDD on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.59
#9E4EDD on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #9E4EDD
4.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9E4EDD#FFFFFF#000000##000000
##9E4EDD1.004.584.594.59
#FFFFFF4.581.0021.0021.00
#0000004.5921.001.001.00
##0000004.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#0073E1
Deuteranopia (green-blind)
#2D76DA
Tritanopia (blue-blind)
#946C8F
Achromatopsia (no color)
#757575

Design tokens & code

CSS
--color: #9e4edd;
/* rgb */ color: rgb(158, 78, 221);
/* oklch */ color: oklch(58.9% 0.212 306.7);
Tailwind
colors: {
  custom: {
    50: '#bf84e8',
    500: '#9e4edd',
    950: '#000000',
  },
}
SCSS
$custom: #9e4edd;
$custom-light: #bf84e8;
$custom-dark: #000000;
JSON
{
  "hex": "#9e4edd",
  "rgb": {
    "r": 158,
    "g": 78,
    "b": 221
  },
  "hsl": {
    "h": 273.566,
    "s": 67.773,
    "l": 58.627
  },
  "oklch": {
    "l": 0.58923,
    "c": 0.21205,
    "h": 306.7
  },
  "luminance": 0.17938
}

Semantic roles & 50–950 ramp

primary
#9E4EDD
secondary
#C0E0A7
accent
#EB3D8A
background
#FCF8FE
surface
#F8EFFD
border
#D1CAD5
text
#130B16
muted
#827C84

Preview Lab

Preview with #9E4EDD

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#9E4EDD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva