#562B5C#562B5C

#562B5C is a dark, moderate purple. Relative luminance 0.045; OKLCH L 36.7% C 0.096 H 322.6°. Best body text is #FFFFFF at 11.08:1 contrast (WCAG AA passes).

Color values

HEX#562B5C
RGBrgb(86, 43, 92)
HSLhsl(293, 36%, 26%)
HSVhsv(293, 53%, 36%)
CMYKcmyk(6.5%, 53.3%, 0%, 63.9%)
CIE-LABlab(25.20, 28.29, -21.09)
CIE-LCHlch(25.20, 35.28, 323.30°)
OKLaboklab(36.69% 0.0761 -0.0582)
OKLCHoklch(36.69% 0.096 322.6)
XYZxyz(6.6332, 4.4792, 10.6383)
Luminance0.0448 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#562B5C #315C2B
analogous
#3E2B5C #562B5C #5C2B4A
triadic
#562B5C #5C562B #2B5C56
tetradic
#562B5C #5C3E2B #315C2B #2B4A5C
square
#562B5C #5C3E2B #315C2B #2B4A5C
split-complementary
#562B5C #4A5C2B #2B5C3E
monochromatic
#130A15 #2F1832 #562B5C #7D3E86 #A353AF

Accessibility & contrast

On white

11.08
#562B5C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.90
#562B5C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #562B5C
11.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##562B5C#FFFFFF#000000##FFFFFF
##562B5C1.0011.081.9011.08
#FFFFFF11.081.0021.001.00
#0000001.9021.001.0021.00
##FFFFFF11.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#24395E
Deuteranopia (green-blind)
#313D5B
Tritanopia (blue-blind)
#57313F
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #562b5c;
/* rgb */ color: rgb(86, 43, 92);
/* oklch */ color: oklch(36.7% 0.096 322.6);
Tailwind
colors: {
  custom: {
    50: '#87668a',
    500: '#562b5c',
    950: '#000000',
  },
}
SCSS
$custom: #562b5c;
$custom-light: #87668a;
$custom-dark: #000000;
JSON
{
  "hex": "#562b5c",
  "rgb": {
    "r": 86,
    "g": 43,
    "b": 92
  },
  "hsl": {
    "h": 292.653,
    "s": 36.296,
    "l": 26.471
  },
  "oklch": {
    "l": 0.36687,
    "c": 0.09576,
    "h": 322.6
  },
  "luminance": 0.04479
}

Semantic roles & 50–950 ramp

primary
#562B5C
secondary
#5C8E55
accent
#CC5B69
background
#F8F6F8
surface
#F0EBF0
border
#CBC6CB
text
#0B060B
muted
#7C7A7C

Preview Lab

Preview with #562B5C

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

Preview Lab → · Contrast checker → · Palette generator →

#562B5C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva