#522752#522752

#522752 is a dark, moderate purple. Relative luminance 0.039; OKLCH L 34.9% C 0.090 H 327.3°. Best body text is #FFFFFF at 11.86:1 contrast (WCAG AA passes).

Color values

HEX	#522752
RGB	rgb(82, 39, 82)
HSL	hsl(300, 36%, 24%)
HSV	hsv(300, 52%, 32%)
CMYK	cmyk(0%, 52.4%, 0%, 67.8%)
CIE-LAB	lab(23.18, 27.14, -17.66)
CIE-LCH	lch(23.18, 32.38, 326.94°)
OKLab	oklab(34.9% 0.0754 -0.0484)
OKLCH	oklch(34.9% 0.09 327.3)
XYZ	xyz(5.7281, 3.8544, 8.4233)
Luminance	0.0385 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#522752 #275227

analogous

#3C2752 #522752 #52273C

triadic

#522752 #525227 #275252

tetradic

#522752 #523C27 #275227 #273C52

square

#522752 #523C27 #275227 #273C52

split-complementary

#522752 #3C5227 #27523C

monochromatic

#150A15 #291329 #522752 #7B3B7B #A54EA5

Accessibility & contrast

On white

11.86

#522752 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.77

#522752 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #522752

11.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##522752	#FFFFFF	#000000	##FFFFFF
##522752	1.00	11.86	1.77	11.86
#FFFFFF	11.86	1.00	21.00	1.00
#000000	1.77	21.00	1.00	21.00
##FFFFFF	11.86	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#233453

Deuteranopia (green-blind)

#303951

Tritanopia (blue-blind)

#542C38

Achromatopsia (no color)

#373737

Design tokens & code

CSS

--color: #522752;
/* rgb */ color: rgb(82, 39, 82);
/* oklch */ color: oklch(34.9% 0.090 327.3);

Tailwind

colors: {
  custom: {
    50: '#846382',
    500: '#522752',
    950: '#000000',
  },
}

SCSS

$custom: #522752;
$custom-light: #846382;
$custom-dark: #000000;

JSON

{
  "hex": "#522752",
  "rgb": {
    "r": 82,
    "g": 39,
    "b": 82
  },
  "hsl": {
    "h": 300,
    "s": 35.537,
    "l": 23.725
  },
  "oklch": {
    "l": 0.34899,
    "c": 0.08958,
    "h": 327.3
  },
  "luminance": 0.03854
}

Semantic roles & 50–950 ramp

primary

#522752

secondary

#508550

accent

#CC5C5C

background

#F8F6F8

surface

#EFEBEF

border

#CAC6CA

text

#0B050A

muted

#7C7A7C

Preview Lab

Preview with #522752

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

Preview Lab → · Contrast checker → · Palette generator →