#582499#582499

#582499 is a dark, vivid violet. Relative luminance 0.056; OKLCH L 40.5% C 0.177 H 298.2°. Best body text is #FFFFFF at 9.87:1 contrast (WCAG AA passes).

Color values

HEX#582499
RGBrgb(88, 36, 153)
HSLhsl(267, 62%, 37%)
HSVhsv(267, 76%, 60%)
CMYKcmyk(42.5%, 76.5%, 0%, 40%)
CIE-LABlab(28.48, 47.47, -54.42)
CIE-LCHlch(28.48, 72.22, 311.10°)
OKLaboklab(40.48% 0.0834 -0.1557)
OKLCHoklch(40.48% 0.177 298.2)
XYZxyz(10.4037, 5.6362, 30.6706)
Luminance0.0564 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#582499 #659924
analogous
#242A99 #582499 #932499
triadic
#582499 #995824 #249958
tetradic
#582499 #99242A #659924 #249993
square
#582499 #99242A #659924 #249993
split-complementary
#582499 #999324 #2A9924
monochromatic
#1F0D36 #3C1867 #582499 #7430CB #955ED9

Accessibility & contrast

On white

9.87
#582499 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.13
#582499 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #582499
9.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##582499#FFFFFF#000000##FFFFFF
##5824991.009.872.139.87
#FFFFFF9.871.0021.001.00
#0000002.1321.001.0021.00
##FFFFFF9.871.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00439C
Deuteranopia (green-blind)
#004297
Tritanopia (blue-blind)
#48435D
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #582499;
/* rgb */ color: rgb(88, 36, 153);
/* oklch */ color: oklch(40.5% 0.177 298.2);
Tailwind
colors: {
  custom: {
    50: '#8e64b8',
    500: '#582499',
    950: '#000000',
  },
}
SCSS
$custom: #582499;
$custom-light: #8e64b8;
$custom-dark: #000000;
JSON
{
  "hex": "#582499",
  "rgb": {
    "r": 88,
    "g": 36,
    "b": 153
  },
  "hsl": {
    "h": 266.667,
    "s": 61.905,
    "l": 37.059
  },
  "oklch": {
    "l": 0.40482,
    "c": 0.1766,
    "h": 298.2
  },
  "luminance": 0.05636
}

Semantic roles & 50–950 ramp

primary
#582499
secondary
#92BE5B
accent
#E5439D
background
#F9F6FB
surface
#F1EBF6
border
#CBC6D0
text
#0D0611
muted
#7E7A80

Preview Lab

Preview with #582499

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

Preview Lab → · Contrast checker → · Palette generator →

#582499 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva