#59217E#59217E

#59217E is a dark, vivid violet. Relative luminance 0.047; OKLCH L 38.0% C 0.151 H 308.3°. Best body text is #FFFFFF at 10.80:1 contrast (WCAG AA passes).

Color values

HEX#59217E
RGBrgb(89, 33, 126)
HSLhsl(276, 58%, 31%)
HSVhsv(276, 74%, 49%)
CMYKcmyk(29.4%, 73.8%, 0%, 50.6%)
CIE-LABlab(25.92, 42.30, -41.80)
CIE-LCHlch(25.92, 59.47, 315.34°)
OKLaboklab(38.01% 0.0936 -0.1185)
OKLCHoklch(38.01% 0.151 308.3)
XYZxyz(8.4288, 4.7181, 20.2013)
Luminance0.0472 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#59217E #467E21
analogous
#2A217E #59217E #7E2174
triadic
#59217E #7E5921 #217E59
tetradic
#59217E #7E2A21 #467E21 #21747E
square
#59217E #7E2A21 #467E21 #21747E
split-complementary
#59217E #747E21 #217E2A
monochromatic
#14081D #37144E #59217E #7B2EAE #9A4AD0

Accessibility & contrast

On white

10.80
#59217E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.94
#59217E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #59217E
10.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##59217E#FFFFFF#000000##FFFFFF
##59217E1.0010.801.9410.80
#FFFFFF10.801.0021.001.00
#0000001.9421.001.0021.00
##FFFFFF10.801.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003B81
Deuteranopia (green-blind)
#073E7C
Tritanopia (blue-blind)
#53364D
Achromatopsia (no color)
#3D3D3D

Design tokens & code

CSS
--color: #59217e;
/* rgb */ color: rgb(89, 33, 126);
/* oklch */ color: oklch(38.0% 0.151 308.3);
Tailwind
colors: {
  custom: {
    50: '#8c62a4',
    500: '#59217e',
    950: '#000000',
  },
}
SCSS
$custom: #59217e;
$custom-light: #8c62a4;
$custom-dark: #000000;
JSON
{
  "hex": "#59217e",
  "rgb": {
    "r": 89,
    "g": 33,
    "b": 126
  },
  "hsl": {
    "h": 276.129,
    "s": 58.491,
    "l": 31.176
  },
  "oklch": {
    "l": 0.38012,
    "c": 0.15101,
    "h": 308.3
  },
  "luminance": 0.04718
}

Semantic roles & 50–950 ramp

primary
#59217E
secondary
#73B14A
accent
#E24684
background
#F8F6FA
surface
#F0EBF4
border
#CBC6CE
text
#0C050F
muted
#7D7A7F

Preview Lab

Preview with #59217E

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

Preview Lab → · Contrast checker → · Palette generator →

#59217E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva