#5B2E9F#5B2E9F

#5B2E9F is a dark, vivid violet. Relative luminance 0.067; OKLCH L 42.6% C 0.172 H 296.6°. Best body text is #FFFFFF at 8.99:1 contrast (WCAG AA passes).

Color values

HEX#5B2E9F
RGBrgb(91, 46, 159)
HSLhsl(264, 55%, 40%)
HSVhsv(264, 71%, 62%)
CMYKcmyk(42.8%, 71.1%, 0%, 37.6%)
CIE-LABlab(31.07, 44.75, -53.83)
CIE-LCHlch(31.07, 70.00, 309.74°)
OKLaboklab(42.56% 0.077 -0.1539)
OKLCHoklch(42.56% 0.172 296.6)
XYZxyz(11.5477, 6.6811, 33.4753)
Luminance0.0668 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5B2E9F #729F2E
analogous
#2E399F #5B2E9F #942E9F
triadic
#5B2E9F #9F5B2E #2E9F5B
tetradic
#5B2E9F #9F2E39 #729F2E #2E9F94
square
#5B2E9F #9F2E39 #729F2E #2E9F94
split-complementary
#5B2E9F #9F942E #399F2E
monochromatic
#251340 #402070 #5B2E9F #7742C8 #9971D6

Accessibility & contrast

On white

8.99
#5B2E9F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.34
#5B2E9F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5B2E9F
8.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5B2E9F#FFFFFF#000000##FFFFFF
##5B2E9F1.008.992.348.99
#FFFFFF8.991.0021.001.00
#0000002.3421.001.0021.00
##FFFFFF8.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004AA2
Deuteranopia (green-blind)
#00489D
Tritanopia (blue-blind)
#494A63
Achromatopsia (no color)
#494949

Design tokens & code

CSS
--color: #5b2e9f;
/* rgb */ color: rgb(91, 46, 159);
/* oklch */ color: oklch(42.6% 0.172 296.6);
Tailwind
colors: {
  custom: {
    50: '#8f6abc',
    500: '#5b2e9f',
    950: '#000000',
  },
}
SCSS
$custom: #5b2e9f;
$custom-light: #8f6abc;
$custom-dark: #000000;
JSON
{
  "hex": "#5b2e9f",
  "rgb": {
    "r": 91,
    "g": 46,
    "b": 159
  },
  "hsl": {
    "h": 263.894,
    "s": 55.122,
    "l": 40.196
  },
  "oklch": {
    "l": 0.42557,
    "c": 0.17206,
    "h": 296.6
  },
  "luminance": 0.06681
}

Semantic roles & 50–950 ramp

primary
#5B2E9F
secondary
#9DBE6B
accent
#DE49A3
background
#F9F6FB
surface
#F1EBF6
border
#CBC6D0
text
#0D0712
muted
#7E7A81

Preview Lab

Preview with #5B2E9F

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

Preview Lab → · Contrast checker → · Palette generator →

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