#5827A5#5827A5

#5827A5 is a dark, vivid violet. Relative luminance 0.062; OKLCH L 41.9% C 0.187 H 294.6°. Best body text is #FFFFFF at 9.34:1 contrast (WCAG AA passes).

Color values

HEX#5827A5
RGBrgb(88, 39, 165)
HSLhsl(263, 62%, 40%)
HSVhsv(263, 76%, 65%)
CMYKcmyk(46.7%, 76.4%, 0%, 35.3%)
CIE-LABlab(30.02, 49.24, -59.20)
CIE-LCHlch(30.02, 77.00, 309.75°)
OKLaboklab(41.89% 0.0777 -0.1697)
OKLCHoklch(41.89% 0.187 294.6)
XYZxyz(11.5397, 6.2420, 36.1868)
Luminance0.0624 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5827A5 #74A527
analogous
#2735A5 #5827A5 #9727A5
triadic
#5827A5 #A55827 #27A558
tetradic
#5827A5 #A52735 #74A527 #27A597
square
#5827A5 #A52735 #74A527 #27A597
split-complementary
#5827A5 #A59727 #35A527
monochromatic
#231042 #3E1B74 #5827A5 #7439D0 #976ADC

Accessibility & contrast

On white

9.34
#5827A5 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.25
#5827A5 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5827A5
9.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5827A5#FFFFFF#000000##FFFFFF
##5827A51.009.342.259.34
#FFFFFF9.341.0021.001.00
#0000002.2521.001.0021.00
##FFFFFF9.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0048A9
Deuteranopia (green-blind)
#0045A3
Tritanopia (blue-blind)
#424965
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #5827a5;
/* rgb */ color: rgb(88, 39, 165);
/* oklch */ color: oklch(41.9% 0.187 294.6);
Tailwind
colors: {
  custom: {
    50: '#8f67c1',
    500: '#5827a5',
    950: '#000000',
  },
}
SCSS
$custom: #5827a5;
$custom-light: #8f67c1;
$custom-dark: #000000;
JSON
{
  "hex": "#5827a5",
  "rgb": {
    "r": 88,
    "g": 39,
    "b": 165
  },
  "hsl": {
    "h": 263.333,
    "s": 61.765,
    "l": 40
  },
  "oklch": {
    "l": 0.41889,
    "c": 0.18662,
    "h": 294.6
  },
  "luminance": 0.06242
}

Semantic roles & 50–950 ramp

primary
#5827A5
secondary
#9EC266
accent
#E543A6
background
#F9F6FC
surface
#F2EBF8
border
#CCC6D1
text
#0D0612
muted
#7E7A81

Preview Lab

Preview with #5827A5

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

Preview Lab → · Contrast checker → · Palette generator →

#5827A5 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva