#9B20CA#9B20CA

#9B20CA is a mid, highly saturated purple. Relative luminance 0.123; OKLCH L 52.9% C 0.242 H 313.7°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX#9B20CA
RGBrgb(155, 32, 202)
HSLhsl(283, 73%, 46%)
HSVhsv(283, 84%, 79%)
CMYKcmyk(23.3%, 84.2%, 0%, 20.8%)
CIE-LABlab(41.64, 70.61, -61.75)
CIE-LCHlch(41.64, 93.80, 318.83°)
OKLaboklab(52.91% 0.1669 -0.1748)
OKLCHoklch(52.91% 0.242 313.7)
XYZxyz(24.6929, 12.2667, 56.9326)
Luminance0.1227 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9B20CA #4FCA20
analogous
#4620CA #9B20CA #CA20A4
triadic
#9B20CA #CA9B20 #20CA9B
tetradic
#9B20CA #CA4620 #4FCA20 #20A4CA
square
#9B20CA #CA4620 #4FCA20 #20A4CA
split-complementary
#9B20CA #A4CA20 #20CA46
monochromatic
#4A0F60 #721895 #9B20CA #B646E2 #CB7AEA

Accessibility & contrast

On white

6.08
#9B20CA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#9B20CA on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9B20CA
6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9B20CA#FFFFFF#000000##FFFFFF
##9B20CA1.006.083.456.08
#FFFFFF6.081.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005CCE
Deuteranopia (green-blind)
#0065C7
Tritanopia (blue-blind)
#964D79
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #9b20ca;
/* rgb */ color: rgb(155, 32, 202);
/* oklch */ color: oklch(52.9% 0.242 313.7);
Tailwind
colors: {
  custom: {
    50: '#be6edb',
    500: '#9b20ca',
    950: '#000000',
  },
}
SCSS
$custom: #9b20ca;
$custom-light: #be6edb;
$custom-dark: #000000;
JSON
{
  "hex": "#9b20ca",
  "rgb": {
    "r": 155,
    "g": 32,
    "b": 202
  },
  "hsl": {
    "h": 283.412,
    "s": 72.65,
    "l": 45.882
  },
  "oklch": {
    "l": 0.52905,
    "c": 0.24173,
    "h": 313.7
  },
  "luminance": 0.12266
}

Semantic roles & 50–950 ramp

primary
#9B20CA
secondary
#8ED274
accent
#EF386B
background
#FCF7FD
surface
#F8EDFB
border
#D1C8D4
text
#130815
muted
#827B83

Preview Lab

Preview with #9B20CA

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

Preview Lab → · Contrast checker → · Palette generator →

#9B20CA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva