#972FBB#972FBB

#972FBB is a mid, highly saturated purple. Relative luminance 0.122; OKLCH L 52.4% C 0.214 H 315.7°. Best body text is #FFFFFF at 6.10:1 contrast (WCAG AA passes).

Color values

HEX#972FBB
RGBrgb(151, 47, 187)
HSLhsl(285, 60%, 46%)
HSVhsv(285, 75%, 73%)
CMYKcmyk(19.3%, 74.9%, 0%, 26.7%)
CIE-LABlab(41.53, 62.44, -53.19)
CIE-LCHlch(41.53, 82.02, 319.57°)
OKLaboklab(52.38% 0.1534 -0.1499)
OKLCHoklch(52.38% 0.214 315.7)
XYZxyz(22.7472, 12.2011, 48.1609)
Luminance0.1220 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#972FBB #53BB2F
analogous
#512FBB #972FBB #BB2F99
triadic
#972FBB #BB972F #2FBB97
tetradic
#972FBB #BB512F #53BB2F #2F99BB
square
#972FBB #BB512F #53BB2F #2F99BB
split-complementary
#972FBB #99BB2F #2FBB51
monochromatic
#481659 #70238A #972FBB #B353D4 #C984E0

Accessibility & contrast

On white

6.10
#972FBB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.44
#972FBB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #972FBB
6.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##972FBB#FFFFFF#000000##FFFFFF
##972FBB1.006.103.446.10
#FFFFFF6.101.0021.001.00
#0000003.4421.001.0021.00
##FFFFFF6.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005CBF
Deuteranopia (green-blind)
#2C65B8
Tritanopia (blue-blind)
#944E73
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #972fbb;
/* rgb */ color: rgb(151, 47, 187);
/* oklch */ color: oklch(52.4% 0.214 315.7);
Tailwind
colors: {
  custom: {
    50: '#ba72d0',
    500: '#972fbb',
    950: '#000000',
  },
}
SCSS
$custom: #972fbb;
$custom-light: #ba72d0;
$custom-dark: #000000;
JSON
{
  "hex": "#972fbb",
  "rgb": {
    "r": 151,
    "g": 47,
    "b": 187
  },
  "hsl": {
    "h": 284.571,
    "s": 59.829,
    "l": 45.882
  },
  "oklch": {
    "l": 0.52375,
    "c": 0.21449,
    "h": 315.7
  },
  "luminance": 0.122
}

Semantic roles & 50–950 ramp

primary
#972FBB
secondary
#90C97C
accent
#E3456D
background
#FBF7FC
surface
#F7EDF9
border
#D0C8D2
text
#120914
muted
#817B82

Preview Lab

Preview with #972FBB

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

Preview Lab → · Contrast checker → · Palette generator →

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