#571E89#571E89

#571E89 is a dark, vivid violet. Relative luminance 0.048; OKLCH L 38.3% C 0.166 H 303.5°. Best body text is #FFFFFF at 10.76:1 contrast (WCAG AA passes).

Color values

HEX	#571E89
RGB	rgb(87, 30, 137)
HSL	hsl(272, 64%, 33%)
HSV	hsv(272, 78%, 54%)
CMYK	cmyk(36.5%, 78.1%, 0%, 46.3%)
CIE-LAB	lab(26.04, 45.91, -48.51)
CIE-LCH	lch(26.04, 66.79, 313.42°)
OKLab	oklab(38.32% 0.0914 -0.1383)
OKLCH	oklch(38.32% 0.166 303.5)
XYZ	xyz(8.9091, 4.7609, 24.1117)
Luminance	0.0476 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#571E89 #50891E

analogous

#221E89 #571E89 #891E85

triadic

#571E89 #89571E #1E8957

tetradic

#571E89 #89221E #50891E #1E8589

square

#571E89 #89221E #50891E #1E8589

split-complementary

#571E89 #85891E #1E8922

monochromatic

#170825 #371357 #571E89 #7729BB #954AD7

Accessibility & contrast

On white

10.76

#571E89 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.95

#571E89 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #571E89

10.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##571E89	#FFFFFF	#000000	##FFFFFF
##571E89	1.00	10.76	1.95	10.76
#FFFFFF	10.76	1.00	21.00	1.00
#000000	1.95	21.00	1.00	21.00
##FFFFFF	10.76	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#003D8C

Deuteranopia (green-blind)

#003D87

Tritanopia (blue-blind)

#4D3953

Achromatopsia (no color)

#3E3E3E

Design tokens & code

CSS

--color: #571e89;
/* rgb */ color: rgb(87, 30, 137);
/* oklch */ color: oklch(38.3% 0.166 303.5);

Tailwind

colors: {
  custom: {
    50: '#8c60ac',
    500: '#571e89',
    950: '#000000',
  },
}

SCSS

$custom: #571e89;
$custom-light: #8c60ac;
$custom-dark: #000000;

JSON

{
  "hex": "#571e89",
  "rgb": {
    "r": 87,
    "g": 30,
    "b": 137
  },
  "hsl": {
    "h": 271.963,
    "s": 64.072,
    "l": 32.745
  },
  "oklch": {
    "l": 0.38318,
    "c": 0.16578,
    "h": 303.5
  },
  "luminance": 0.04761
}

Semantic roles & 50–950 ramp

primary

#571E89

secondary

#7EBA49

accent

#E7418E

background

#F8F5FA

surface

#F0EAF4

border

#CBC6CE

text

#0D0510

muted

#7D797F

Preview Lab

Preview with #571E89

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

Preview Lab → · Contrast checker → · Palette generator →