#5836D3#5836D3

#5836D3 is a mid, highly saturated violet. Relative luminance 0.094; OKLCH L 47.9% C 0.224 H 284.0°. Best body text is #FFFFFF at 7.28:1 contrast (WCAG AA passes).

Color values

HEX#5836D3
RGBrgb(88, 54, 211)
HSLhsl(253, 64%, 52%)
HSVhsv(253, 74%, 83%)
CMYKcmyk(58.3%, 74.4%, 0%, 17.3%)
CIE-LABlab(36.77, 54.79, -75.26)
CIE-LCHlch(36.77, 93.09, 306.06°)
OKLaboklab(47.92% 0.0542 -0.2168)
OKLCHoklch(47.92% 0.224 284)
XYZxyz(17.0979, 9.4151, 62.5317)
Luminance0.0942 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5836D3 #B1D336
analogous
#3662D3 #5836D3 #A736D3
triadic
#5836D3 #D35836 #36D358
tetradic
#5836D3 #D33662 #B1D336 #36D3A7
square
#5836D3 #D33662 #B1D336 #36D3A7
split-complementary
#5836D3 #D3A736 #62D336
monochromatic
#2D1A75 #4125A7 #5836D3 #8268DE #AB9AE9

Accessibility & contrast

On white

7.28
#5836D3 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.88
#5836D3 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5836D3
7.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5836D3#FFFFFF#000000##FFFFFF
##5836D31.007.282.887.28
#FFFFFF7.281.0021.001.00
#0000002.8821.001.0021.00
##FFFFFF7.281.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005BD8
Deuteranopia (green-blind)
#0051D0
Tritanopia (blue-blind)
#0B6282
Achromatopsia (no color)
#565656

Design tokens & code

CSS
--color: #5836d3;
/* rgb */ color: rgb(88, 54, 211);
/* oklch */ color: oklch(47.9% 0.224 284.0);
Tailwind
colors: {
  custom: {
    50: '#9571e2',
    500: '#5836d3',
    950: '#000000',
  },
}
SCSS
$custom: #5836d3;
$custom-light: #9571e2;
$custom-dark: #000000;
JSON
{
  "hex": "#5836d3",
  "rgb": {
    "r": 88,
    "g": 54,
    "b": 211
  },
  "hsl": {
    "h": 252.994,
    "s": 64.082,
    "l": 51.961
  },
  "oklch": {
    "l": 0.47922,
    "c": 0.22351,
    "h": 284
  },
  "luminance": 0.09416
}

Semantic roles & 50–950 ramp

primary
#5836D3
secondary
#C6D590
accent
#E741C3
background
#F9F7FE
surface
#F2EDFC
border
#CCC8D5
text
#0F0816
muted
#7E7B84

Preview Lab

Preview with #5836D3

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

Preview Lab → · Contrast checker → · Palette generator →

#5836D3 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva