#560B54#560B54

#560B54 is a dark, vivid purple. Relative luminance 0.029; OKLCH L 32.4% C 0.135 H 329.4°. Best body text is #FFFFFF at 13.36:1 contrast (WCAG AA passes).

Color values

HEX	#560B54
RGB	rgb(86, 11, 84)
HSL	hsl(302, 77%, 19%)
HSV	hsv(302, 87%, 34%)
CMYK	cmyk(0%, 87.2%, 2.3%, 66.3%)
CIE-LAB	lab(19.47, 41.19, -24.81)
CIE-LCH	lch(19.47, 48.09, 328.94°)
OKLab	oklab(32.38% 0.1161 -0.0687)
OKLCH	oklch(32.38% 0.135 329.4)
XYZ	xyz(5.5576, 2.8583, 8.6448)
Luminance	0.0286 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#560B54 #0B560D

analogous

#330B56 #560B54 #560B2F

triadic

#560B54 #54560B #0B5456

tetradic

#560B54 #56330B #0B560D #0B2F56

square

#560B54 #56330B #0B560D #0B2F56

split-complementary

#560B54 #2F560B #0B5633

monochromatic

#1B031A #20041F #560B54 #8C1289 #C319BE

Accessibility & contrast

On white

13.36

#560B54 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.57

#560B54 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #560B54

13.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##560B54	#FFFFFF	#000000	##FFFFFF
##560B54	1.00	13.36	1.57	13.36
#FFFFFF	13.36	1.00	21.00	1.00
#000000	1.57	21.00	1.00	21.00
##FFFFFF	13.36	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#002956

Deuteranopia (green-blind)

#233352

Tritanopia (blue-blind)

#591830

Achromatopsia (no color)

#2F2F2F

Design tokens & code

CSS

--color: #560b54;
/* rgb */ color: rgb(86, 11, 84);
/* oklch */ color: oklch(32.4% 0.135 329.4);

Tailwind

colors: {
  custom: {
    50: '#895684',
    500: '#560b54',
    950: '#000000',
  },
}

SCSS

$custom: #560b54;
$custom-light: #895684;
$custom-dark: #000000;

JSON

{
  "hex": "#560b54",
  "rgb": {
    "r": 86,
    "g": 11,
    "b": 84
  },
  "hsl": {
    "h": 301.6,
    "s": 77.32,
    "l": 19.02
  },
  "oklch": {
    "l": 0.32375,
    "c": 0.13492,
    "h": 329.4
  },
  "luminance": 0.02858
}

Semantic roles & 50–950 ramp

primary

#560B54

secondary

#2B912E

accent

#F43934

background

#F8F5F8

surface

#F0E9EF

border

#CBC5CA

text

#0C030B

muted

#7D787C

Preview Lab

Preview with #560B54

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

Preview Lab → · Contrast checker → · Palette generator →