#593171#593171

#593171 is a dark, moderate violet. Relative luminance 0.055; OKLCH L 39.3% C 0.111 H 311.2°. Best body text is #FFFFFF at 9.99:1 contrast (WCAG AA passes).

Color values

HEX#593171
RGBrgb(89, 49, 113)
HSLhsl(278, 40%, 32%)
HSVhsv(278, 57%, 44%)
CMYKcmyk(21.2%, 56.6%, 0%, 55.7%)
CIE-LABlab(28.15, 30.62, -29.97)
CIE-LCHlch(28.15, 42.85, 315.61°)
OKLaboklab(39.35% 0.0734 -0.0839)
OKLCHoklch(39.35% 0.111 311.2)
XYZxyz(8.1982, 5.5129, 16.2518)
Luminance0.0551 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#593171 #497131
analogous
#393171 #593171 #713169
triadic
#593171 #715931 #317159
tetradic
#593171 #713931 #497131 #316971
square
#593171 #713931 #497131 #316971
split-complementary
#593171 #697131 #317139
monochromatic
#160C1C #371E46 #593171 #7B449C #9962BB

Accessibility & contrast

On white

9.99
#593171 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.10
#593171 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #593171
9.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##593171#FFFFFF#000000##FFFFFF
##5931711.009.992.109.99
#FFFFFF9.991.0021.001.00
#0000002.1021.001.0021.00
##FFFFFF9.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1F4073
Deuteranopia (green-blind)
#2C436F
Tritanopia (blue-blind)
#563C4C
Achromatopsia (no color)
#424242

Design tokens & code

CSS
--color: #593171;
/* rgb */ color: rgb(89, 49, 113);
/* oklch */ color: oklch(39.3% 0.111 311.2);
Tailwind
colors: {
  custom: {
    50: '#8a6b9a',
    500: '#593171',
    950: '#000000',
  },
}
SCSS
$custom: #593171;
$custom-light: #8a6b9a;
$custom-dark: #000000;
JSON
{
  "hex": "#593171",
  "rgb": {
    "r": 89,
    "g": 49,
    "b": 113
  },
  "hsl": {
    "h": 277.5,
    "s": 39.506,
    "l": 31.765
  },
  "oklch": {
    "l": 0.39346,
    "c": 0.11148,
    "h": 311.2
  },
  "luminance": 0.05513
}

Semantic roles & 50–950 ramp

primary
#593171
secondary
#76A25C
accent
#CF5885
background
#F8F6F9
surface
#F0EBF2
border
#CBC6CC
text
#0C070E
muted
#7D7A7E

Preview Lab

Preview with #593171

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

Preview Lab → · Contrast checker → · Palette generator →

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