#972FB1#972FB1

#972FB1 is a mid, highly saturated purple. Relative luminance 0.118; OKLCH L 51.7% C 0.206 H 318.7°. Best body text is #FFFFFF at 6.25:1 contrast (WCAG AA passes).

Color values

HEX#972FB1
RGBrgb(151, 47, 177)
HSLhsl(288, 58%, 44%)
HSVhsv(288, 73%, 69%)
CMYKcmyk(14.7%, 73.4%, 0%, 30.6%)
CIE-LABlab(40.88, 60.50, -48.35)
CIE-LCHlch(40.88, 77.45, 321.37°)
OKLaboklab(51.7% 0.1546 -0.1357)
OKLCHoklch(51.7% 0.206 318.7)
XYZxyz(21.7138, 11.7877, 42.7179)
Luminance0.1179 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#972FB1 #49B12F
analogous
#562FB1 #972FB1 #B12F8A
triadic
#972FB1 #B1972F #2FB197
tetradic
#972FB1 #B1562F #49B12F #2F8AB1
square
#972FB1 #B1562F #49B12F #2F8AB1
split-complementary
#972FB1 #8AB12F #2FB156
monochromatic
#441550 #6E2281 #972FB1 #B64DD0 #CA7EDD

Accessibility & contrast

On white

6.25
#972FB1 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.36
#972FB1 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #972FB1
6.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##972FB1#FFFFFF#000000##FFFFFF
##972FB11.006.253.366.25
#FFFFFF6.251.0021.001.00
#0000003.3621.001.0021.00
##FFFFFF6.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005AB5
Deuteranopia (green-blind)
#3764AE
Tritanopia (blue-blind)
#97496E
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #972fb1;
/* rgb */ color: rgb(151, 47, 177);
/* oklch */ color: oklch(51.7% 0.206 318.7);
Tailwind
colors: {
  custom: {
    50: '#b972c9',
    500: '#972fb1',
    950: '#000000',
  },
}
SCSS
$custom: #972fb1;
$custom-light: #b972c9;
$custom-dark: #000000;
JSON
{
  "hex": "#972fb1",
  "rgb": {
    "r": 151,
    "g": 47,
    "b": 177
  },
  "hsl": {
    "h": 288,
    "s": 58.036,
    "l": 43.922
  },
  "oklch": {
    "l": 0.517,
    "c": 0.20569,
    "h": 318.7
  },
  "luminance": 0.11787
}

Semantic roles & 50–950 ramp

primary
#972FB1
secondary
#86C576
accent
#E14765
background
#FBF7FC
surface
#F7EDF8
border
#D0C8D1
text
#120913
muted
#817B82

Preview Lab

Preview with #972FB1

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

Preview Lab → · Contrast checker → · Palette generator →

#972FB1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva