#972CB5#972CB5

#972CB5 is a mid, highly saturated purple. Relative luminance 0.117; OKLCH L 51.7% C 0.212 H 317.6°. Best body text is #FFFFFF at 6.28:1 contrast (WCAG AA passes).

Color values

HEX	#972CB5
RGB	rgb(151, 44, 181)
HSL	hsl(287, 61%, 44%)
HSV	hsv(287, 76%, 71%)
CMYK	cmyk(16.6%, 75.7%, 0%, 29%)
CIE-LAB	lab(40.76, 62.33, -50.90)
CIE-LCH	lch(40.76, 80.47, 320.77°)
OKLab	oklab(51.7% 0.1569 -0.1432)
OKLCH	oklch(51.7% 0.212 317.6)
XYZ	xyz(22.0025, 11.7178, 44.8099)
Luminance	0.1172 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#972CB5 #4AB52C

analogous

#522CB5 #972CB5 #B52C8F

triadic

#972CB5 #B5972C #2CB597

tetradic

#972CB5 #B5522C #4AB52C #2C8FB5

square

#972CB5 #B5522C #4AB52C #2C8FB5

split-complementary

#972CB5 #8FB52C #2CB552

monochromatic

#451453 #6E2084 #972CB5 #B54BD3 #CA7CDF

Accessibility & contrast

On white

6.28

#972CB5 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.34

#972CB5 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #972CB5

6.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##972CB5	#FFFFFF	#000000	##FFFFFF
##972CB5	1.00	6.28	3.34	6.28
#FFFFFF	6.28	1.00	21.00	1.00
#000000	3.34	21.00	1.00	21.00
##FFFFFF	6.28	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#005AB9

Deuteranopia (green-blind)

#3063B2

Tritanopia (blue-blind)

#96496F

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #972cb5;
/* rgb */ color: rgb(151, 44, 181);
/* oklch */ color: oklch(51.7% 0.212 317.6);

Tailwind

colors: {
  custom: {
    50: '#ba71cc',
    500: '#972cb5',
    950: '#000000',
  },
}

SCSS

$custom: #972cb5;
$custom-light: #ba71cc;
$custom-dark: #000000;

JSON

{
  "hex": "#972cb5",
  "rgb": {
    "r": 151,
    "g": 44,
    "b": 181
  },
  "hsl": {
    "h": 286.861,
    "s": 60.889,
    "l": 44.118
  },
  "oklch": {
    "l": 0.51703,
    "c": 0.2124,
    "h": 317.6
  },
  "luminance": 0.11717
}

Semantic roles & 50–950 ramp

primary

#972CB5

secondary

#87C875

accent

#E44467

background

#FBF7FC

surface

#F7EDF9

border

#D0C8D2

text

#120813

muted

#817B82

Preview Lab

Preview with #972CB5

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

Preview Lab → · Contrast checker → · Palette generator →