#972BC3#972BC3

#972BC3 is a mid, highly saturated purple. Relative luminance 0.122; OKLCH L 52.6% C 0.226 H 313.6°. Best body text is #FFFFFF at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#972BC3
RGBrgb(151, 43, 195)
HSLhsl(283, 64%, 47%)
HSVhsv(283, 78%, 76%)
CMYKcmyk(22.6%, 77.9%, 0%, 23.5%)
CIE-LABlab(41.61, 65.40, -57.75)
CIE-LCHlch(41.61, 87.25, 318.55°)
OKLaboklab(52.6% 0.1556 -0.1633)
OKLCHoklch(52.6% 0.226 313.6)
XYZxyz(23.4750, 12.2480, 52.7467)
Luminance0.1225 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#972BC3 #57C32B
analogous
#4B2BC3 #972BC3 #C32BA3
triadic
#972BC3 #C3972B #2BC397
tetradic
#972BC3 #C34B2B #57C32B #2BA3C3
square
#972BC3 #C34B2B #57C32B #2BA3C3
split-complementary
#972BC3 #A3C32B #2BC34B
monochromatic
#49155F #702091 #972BC3 #B252D9 #C884E4

Accessibility & contrast

On white

6.09
#972BC3 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#972BC3 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #972BC3
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##972BC3#FFFFFF#000000##FFFFFF
##972BC31.006.093.456.09
#FFFFFF6.091.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005DC7
Deuteranopia (green-blind)
#1A65C0
Tritanopia (blue-blind)
#924F77
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #972bc3;
/* rgb */ color: rgb(151, 43, 195);
/* oklch */ color: oklch(52.6% 0.226 313.6);
Tailwind
colors: {
  custom: {
    50: '#ba71d6',
    500: '#972bc3',
    950: '#000000',
  },
}
SCSS
$custom: #972bc3;
$custom-light: #ba71d6;
$custom-dark: #000000;
JSON
{
  "hex": "#972bc3",
  "rgb": {
    "r": 151,
    "g": 43,
    "b": 195
  },
  "hsl": {
    "h": 282.632,
    "s": 63.866,
    "l": 46.667
  },
  "oklch": {
    "l": 0.52602,
    "c": 0.22554,
    "h": 313.6
  },
  "luminance": 0.12247
}

Semantic roles & 50–950 ramp

primary
#972BC3
secondary
#94CD7D
accent
#E74171
background
#FCF7FD
surface
#F8EDFA
border
#D1C8D3
text
#120914
muted
#817B83

Preview Lab

Preview with #972BC3

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

Preview Lab → · Contrast checker → · Palette generator →

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