#572164#572164

#572164 is a dark, vivid purple. Relative luminance 0.040; OKLCH L 35.8% C 0.122 H 319.4°. Best body text is #FFFFFF at 11.62:1 contrast (WCAG AA passes).

Color values

HEX#572164
RGBrgb(87, 33, 100)
HSLhsl(288, 50%, 26%)
HSVhsv(288, 67%, 39%)
CMYKcmyk(13%, 67%, 0%, 60.8%)
CIE-LABlab(23.78, 35.82, -28.55)
CIE-LCHlch(23.78, 45.80, 321.45°)
OKLaboklab(35.84% 0.0929 -0.0797)
OKLCHoklch(35.84% 0.122 319.4)
XYZxyz(6.7743, 4.0344, 12.4760)
Luminance0.0403 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#572164 #2E6421
analogous
#352164 #572164 #64214F
triadic
#572164 #645721 #216457
tetradic
#572164 #643521 #2E6421 #214F64
square
#572164 #643521 #2E6421 #214F64
split-complementary
#572164 #4F6421 #216435
monochromatic
#140817 #2F1236 #572164 #7F3092 #A740C0

Accessibility & contrast

On white

11.62
#572164 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.81
#572164 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #572164
11.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##572164#FFFFFF#000000##FFFFFF
##5721641.0011.621.8111.62
#FFFFFF11.621.0021.001.00
#0000001.8121.001.0021.00
##FFFFFF11.621.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0E3566
Deuteranopia (green-blind)
#263A62
Tritanopia (blue-blind)
#572C3F
Achromatopsia (no color)
#393939

Design tokens & code

CSS
--color: #572164;
/* rgb */ color: rgb(87, 33, 100);
/* oklch */ color: oklch(35.8% 0.122 319.4);
Tailwind
colors: {
  custom: {
    50: '#896090',
    500: '#572164',
    950: '#000000',
  },
}
SCSS
$custom: #572164;
$custom-light: #896090;
$custom-dark: #000000;
JSON
{
  "hex": "#572164",
  "rgb": {
    "r": 87,
    "g": 33,
    "b": 100
  },
  "hsl": {
    "h": 288.358,
    "s": 50.376,
    "l": 26.078
  },
  "oklch": {
    "l": 0.35837,
    "c": 0.12241,
    "h": 319.4
  },
  "luminance": 0.04034
}

Semantic roles & 50–950 ramp

primary
#572164
secondary
#589849
accent
#DA4E69
background
#F8F5F8
surface
#F0EAF0
border
#CBC6CB
text
#0C050C
muted
#7D797D

Preview Lab

Preview with #572164

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

Preview Lab → · Contrast checker → · Palette generator →

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