#9A2CCC#9A2CCC

#9A2CCC is a mid, highly saturated purple. Relative luminance 0.130; OKLCH L 53.7% C 0.233 H 312.2°. Best body text is #FFFFFF at 5.82:1 contrast (WCAG AA passes).

Color values

HEX#9A2CCC
RGBrgb(154, 44, 204)
HSLhsl(281, 65%, 49%)
HSVhsv(281, 78%, 80%)
CMYKcmyk(24.5%, 78.4%, 0%, 20%)
CIE-LABlab(42.81, 67.39, -61.01)
CIE-LCHlch(42.81, 90.91, 317.84°)
OKLaboklab(53.74% 0.1569 -0.1728)
OKLCHoklch(53.74% 0.233 312.2)
XYZxyz(25.1242, 13.0317, 58.3069)
Luminance0.1303 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9A2CCC #5ECC2C
analogous
#4A2CCC #9A2CCC #CC2CAE
triadic
#9A2CCC #CC9A2C #2CCC9A
tetradic
#9A2CCC #CC4A2C #5ECC2C #2CAECC
square
#9A2CCC #CC4A2C #5ECC2C #2CAECC
split-complementary
#9A2CCC #AECC2C #2CCC4A
monochromatic
#4E1667 #74219A #9A2CCC #B35ADB #CA8CE6

Accessibility & contrast

On white

5.82
#9A2CCC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.61
#9A2CCC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9A2CCC
5.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9A2CCC#FFFFFF#000000##FFFFFF
##9A2CCC1.005.823.615.82
#FFFFFF5.821.0021.001.00
#0000003.6121.001.0021.00
##FFFFFF5.821.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0060D0
Deuteranopia (green-blind)
#0967C9
Tritanopia (blue-blind)
#94537C
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #9a2ccc;
/* rgb */ color: rgb(154, 44, 204);
/* oklch */ color: oklch(53.7% 0.233 312.2);
Tailwind
colors: {
  custom: {
    50: '#bd72dc',
    500: '#9a2ccc',
    950: '#000000',
  },
}
SCSS
$custom: #9a2ccc;
$custom-light: #bd72dc;
$custom-dark: #000000;
JSON
{
  "hex": "#9a2ccc",
  "rgb": {
    "r": 154,
    "g": 44,
    "b": 204
  },
  "hsl": {
    "h": 281.25,
    "s": 64.516,
    "l": 48.627
  },
  "oklch": {
    "l": 0.53741,
    "c": 0.23336,
    "h": 312.2
  },
  "luminance": 0.13031
}

Semantic roles & 50–950 ramp

primary
#9A2CCC
secondary
#9BD083
accent
#E84075
background
#FCF7FD
surface
#F8EDFB
border
#D1C8D4
text
#130915
muted
#827B83

Preview Lab

Preview with #9A2CCC

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

Preview Lab → · Contrast checker → · Palette generator →

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