#583397#583397

#583397 is a dark, vivid violet. Relative luminance 0.067; OKLCH L 42.3% C 0.156 H 296.1°. Best body text is #FFFFFF at 8.99:1 contrast (WCAG AA passes).

Color values

HEX#583397
RGBrgb(88, 51, 151)
HSLhsl(262, 50%, 40%)
HSVhsv(262, 66%, 59%)
CMYKcmyk(41.7%, 66.2%, 0%, 40.8%)
CIE-LABlab(31.06, 39.28, -48.99)
CIE-LCHlch(31.06, 62.80, 308.72°)
OKLaboklab(42.27% 0.0684 -0.1398)
OKLCHoklch(42.27% 0.156 296.1)
XYZxyz(10.7928, 6.6765, 29.9922)
Luminance0.0668 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#583397 #729733
analogous
#334097 #583397 #8A3397
triadic
#583397 #975833 #339758
tetradic
#583397 #973340 #729733 #33978A
square
#583397 #973340 #729733 #33978A
split-complementary
#583397 #978A33 #409733
monochromatic
#23143C #3D2469 #583397 #7447C1 #9674D0

Accessibility & contrast

On white

8.99
#583397 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.34
#583397 on #000000
AA ✗AA large ✗AAA ✗

Best text color

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

Contrast matrix

fg \ bg##583397#FFFFFF#000000##FFFFFF
##5833971.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)
#004A9A
Deuteranopia (green-blind)
#004895
Tritanopia (blue-blind)
#484A60
Achromatopsia (no color)
#494949

Design tokens & code

CSS
--color: #583397;
/* rgb */ color: rgb(88, 51, 151);
/* oklch */ color: oklch(42.3% 0.156 296.1);
Tailwind
colors: {
  custom: {
    50: '#8c6db6',
    500: '#583397',
    950: '#000000',
  },
}
SCSS
$custom: #583397;
$custom-light: #8c6db6;
$custom-dark: #000000;
JSON
{
  "hex": "#583397",
  "rgb": {
    "r": 88,
    "g": 51,
    "b": 151
  },
  "hsl": {
    "h": 262.2,
    "s": 49.505,
    "l": 39.608
  },
  "oklch": {
    "l": 0.42271,
    "c": 0.15561,
    "h": 296.1
  },
  "luminance": 0.06677
}

Semantic roles & 50–950 ramp

primary
#583397
secondary
#9DB86D
accent
#D94FA6
background
#F8F6FB
surface
#F0ECF6
border
#CBC7D0
text
#0D0711
muted
#7D7A80

Preview Lab

Preview with #583397

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

Preview Lab → · Contrast checker → · Palette generator →

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