#5D1E96#5D1E96

#5D1E96 is a dark, vivid violet. Relative luminance 0.055; OKLCH L 40.2% C 0.180 H 302.5°. Best body text is #FFFFFF at 10.04:1 contrast (WCAG AA passes).

Color values

HEX#5D1E96
RGBrgb(93, 30, 150)
HSLhsl(272, 67%, 35%)
HSVhsv(272, 80%, 59%)
CMYKcmyk(38%, 80%, 0%, 41.2%)
CIE-LABlab(28.00, 50.12, -53.33)
CIE-LCHlch(28.00, 73.18, 313.22°)
OKLaboklab(40.22% 0.0969 -0.1522)
OKLCHoklch(40.22% 0.18 302.5)
XYZxyz(10.4822, 5.4577, 29.3494)
Luminance0.0546 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5D1E96 #57961E
analogous
#211E96 #5D1E96 #961E93
triadic
#5D1E96 #965D1E #1E965D
tetradic
#5D1E96 #96211E #57961E #1E9396
square
#5D1E96 #96211E #57961E #1E9396
split-complementary
#5D1E96 #93961E #1E9621
monochromatic
#1E0A30 #3D1463 #5D1E96 #7D28C9 #9B52DC

Accessibility & contrast

On white

10.04
#5D1E96 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.09
#5D1E96 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5D1E96
10.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5D1E96#FFFFFF#000000##FFFFFF
##5D1E961.0010.042.0910.04
#FFFFFF10.041.0021.001.00
#0000002.0921.001.0021.00
##FFFFFF10.041.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004199
Deuteranopia (green-blind)
#004294
Tritanopia (blue-blind)
#513E5A
Achromatopsia (no color)
#424242

Design tokens & code

CSS
--color: #5d1e96;
/* rgb */ color: rgb(93, 30, 150);
/* oklch */ color: oklch(40.2% 0.180 302.5);
Tailwind
colors: {
  custom: {
    50: '#9162b6',
    500: '#5d1e96',
    950: '#000000',
  },
}
SCSS
$custom: #5d1e96;
$custom-light: #9162b6;
$custom-dark: #000000;
JSON
{
  "hex": "#5d1e96",
  "rgb": {
    "r": 93,
    "g": 30,
    "b": 150
  },
  "hsl": {
    "h": 271.5,
    "s": 66.667,
    "l": 35.294
  },
  "oklch": {
    "l": 0.40215,
    "c": 0.18048,
    "h": 302.5
  },
  "luminance": 0.05458
}

Semantic roles & 50–950 ramp

primary
#5D1E96
secondary
#85BF50
accent
#EA3E90
background
#F9F6FB
surface
#F2EBF6
border
#CCC6D0
text
#0D0511
muted
#7E7A80

Preview Lab

Preview with #5D1E96

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

Preview Lab → · Contrast checker → · Palette generator →

#5D1E96 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva