#5D207F#5D207F

#5D207F is a dark, vivid violet. Relative luminance 0.049; OKLCH L 38.5% C 0.155 H 310.4°. Best body text is #FFFFFF at 10.61:1 contrast (WCAG AA passes).

Color values

HEX	#5D207F
RGB	rgb(93, 32, 127)
HSL	hsl(279, 60%, 31%)
HSV	hsv(279, 75%, 50%)
CMYK	cmyk(26.8%, 74.8%, 0%, 50.2%)
CIE-LAB	lab(26.43, 43.84, -41.58)
CIE-LCH	lch(26.43, 60.42, 316.52°)
OKLab	oklab(38.52% 0.1002 -0.1177)
OKLCH	oklch(38.52% 0.155 310.4)
XYZ	xyz(8.8607, 4.8927, 20.5522)
Luminance	0.0489 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Royal Purple (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#5D207F #427F20

analogous

#2D207F #5D207F #7F2071

triadic

#5D207F #7F5D20 #207F5D

tetradic

#5D207F #7F2D20 #427F20 #20717F

square

#5D207F #7F2D20 #427F20 #20717F

split-complementary

#5D207F #717F20 #207F2D

monochromatic

#15071D #39144E #5D207F #812CB0 #A048D1

Accessibility & contrast

On white

10.61

#5D207F on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.98

#5D207F on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #5D207F

10.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##5D207F	#FFFFFF	#000000	##FFFFFF
##5D207F	1.00	10.61	1.98	10.61
#FFFFFF	10.61	1.00	21.00	1.00
#000000	1.98	21.00	1.00	21.00
##FFFFFF	10.61	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#003C82

Deuteranopia (green-blind)

#0E3F7D

Tritanopia (blue-blind)

#58354D

Achromatopsia (no color)

#3E3E3E

Design tokens & code

CSS

--color: #5d207f;
/* rgb */ color: rgb(93, 32, 127);
/* oklch */ color: oklch(38.5% 0.155 310.4);

Tailwind

colors: {
  custom: {
    50: '#8f62a5',
    500: '#5d207f',
    950: '#000000',
  },
}

SCSS

$custom: #5d207f;
$custom-light: #8f62a5;
$custom-dark: #000000;

JSON

{
  "hex": "#5d207f",
  "rgb": {
    "r": 93,
    "g": 32,
    "b": 127
  },
  "hsl": {
    "h": 278.526,
    "s": 59.748,
    "l": 31.176
  },
  "oklch": {
    "l": 0.38524,
    "c": 0.15458,
    "h": 310.4
  },
  "luminance": 0.04892
}

Semantic roles & 50–950 ramp

primary

#5D207F

secondary

#6EB249

accent

#E3457D

background

#F9F6FA

surface

#F1EBF4

border

#CBC6CE

text

#0D050F

muted

#7E7A7F

Preview Lab

Preview with #5D207F

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

Preview Lab → · Contrast checker → · Palette generator →