#531379#531379

#531379 is a dark, vivid violet. Relative luminance 0.037; OKLCH L 35.4% C 0.160 H 308.4°. Best body text is #FFFFFF at 12.09:1 contrast (WCAG AA passes).

Color values

HEX#531379
RGBrgb(83, 19, 121)
HSLhsl(278, 73%, 27%)
HSVhsv(278, 84%, 47%)
CMYKcmyk(31.4%, 84.3%, 0%, 52.5%)
CIE-LABlab(22.60, 45.66, -44.05)
CIE-LCHlch(22.60, 63.45, 316.03°)
OKLaboklab(35.36% 0.0992 -0.1252)
OKLCHoklch(35.36% 0.16 308.4)
XYZxyz(7.2506, 3.6853, 18.4148)
Luminance0.0369 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#531379 #397913
analogous
#201379 #531379 #79136C
triadic
#531379 #795313 #137953
tetradic
#531379 #792013 #397913 #136C79
square
#531379 #792013 #397913 #136C79
split-complementary
#531379 #6C7913 #137920
monochromatic
#12041A #2F0B44 #531379 #771BAE #9A29DD

Accessibility & contrast

On white

12.09
#531379 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.74
#531379 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #531379
12.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##531379#FFFFFF#000000##FFFFFF
##5313791.0012.091.7412.09
#FFFFFF12.091.0021.001.00
#0000001.7421.001.0021.00
##FFFFFF12.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00347C
Deuteranopia (green-blind)
#003777
Tritanopia (blue-blind)
#4D2E47
Achromatopsia (no color)
#363636

Design tokens & code

CSS
--color: #531379;
/* rgb */ color: rgb(83, 19, 121);
/* oklch */ color: oklch(35.4% 0.160 308.4);
Tailwind
colors: {
  custom: {
    50: '#885aa0',
    500: '#531379',
    950: '#000000',
  },
}
SCSS
$custom: #531379;
$custom-light: #885aa0;
$custom-dark: #000000;
JSON
{
  "hex": "#531379",
  "rgb": {
    "r": 83,
    "g": 19,
    "b": 121
  },
  "hsl": {
    "h": 277.647,
    "s": 72.857,
    "l": 27.451
  },
  "oklch": {
    "l": 0.35362,
    "c": 0.15976,
    "h": 308.4
  },
  "luminance": 0.03685
}

Semantic roles & 50–950 ramp

primary
#531379
secondary
#65AF39
accent
#F0387D
background
#F8F5FA
surface
#F0E9F3
border
#CBC5CD
text
#0C040F
muted
#7D797F

Preview Lab

Preview with #531379

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

Preview Lab → · Contrast checker → · Palette generator →

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