#522151#522151

#522151 is a dark, moderate purple. Relative luminance 0.035; OKLCH L 33.9% C 0.100 H 328.3°. Best body text is #FFFFFF at 12.39:1 contrast (WCAG AA passes).

Color values

HEX	#522151
RGB	rgb(82, 33, 81)
HSL	hsl(301, 43%, 23%)
HSV	hsv(301, 60%, 32%)
CMYK	cmyk(0%, 59.8%, 1.2%, 67.8%)
CIE-LAB	lab(21.86, 30.32, -19.06)
CIE-LCH	lch(21.86, 35.81, 327.84°)
OKLab	oklab(33.9% 0.0848 -0.0524)
OKLCH	oklch(33.9% 0.1 328.3)
XYZ	xyz(5.5087, 3.4760, 8.1638)
Luminance	0.0348 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#522151 #215222

analogous

#3A2152 #522151 #522139

triadic

#522151 #515221 #215152

tetradic

#522151 #523A21 #215222 #213952

square

#522151 #523A21 #215222 #213952

split-complementary

#522151 #395221 #21523A

monochromatic

#160916 #260F26 #522151 #7E337C #A944A7

Accessibility & contrast

On white

12.39

#522151 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.70

#522151 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #522151

12.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##522151	#FFFFFF	#000000	##FFFFFF
##522151	1.00	12.39	1.70	12.39
#FFFFFF	12.39	1.00	21.00	1.00
#000000	1.70	21.00	1.00	21.00
##FFFFFF	12.39	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1D3053

Deuteranopia (green-blind)

#2C3750

Tritanopia (blue-blind)

#552635

Achromatopsia (no color)

#343434

Design tokens & code

CSS

--color: #522151;
/* rgb */ color: rgb(82, 33, 81);
/* oklch */ color: oklch(33.9% 0.100 328.3);

Tailwind

colors: {
  custom: {
    50: '#845f82',
    500: '#522151',
    950: '#000000',
  },
}

SCSS

$custom: #522151;
$custom-light: #845f82;
$custom-dark: #000000;

JSON

{
  "hex": "#522151",
  "rgb": {
    "r": 82,
    "g": 33,
    "b": 81
  },
  "hsl": {
    "h": 301.224,
    "s": 42.609,
    "l": 22.549
  },
  "oklch": {
    "l": 0.33903,
    "c": 0.09964,
    "h": 328.3
  },
  "luminance": 0.03476
}

Semantic roles & 50–950 ramp

primary

#522151

secondary

#49864A

accent

#D25855

background

#F8F5F7

surface

#EFE9EE

border

#CAC5C9

text

#0B050A

muted

#7C797C

Preview Lab

Preview with #522151

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

Preview Lab → · Contrast checker → · Palette generator →