#992CAD#992CAD

#992CAD is a mid, highly saturated purple. Relative luminance 0.116; OKLCH L 51.5% C 0.206 H 320.9°. Best body text is #FFFFFF at 6.33:1 contrast (WCAG AA passes).

Color values

HEX	#992CAD
RGB	rgb(153, 44, 173)
HSL	hsl(291, 59%, 43%)
HSV	hsv(291, 75%, 68%)
CMYK	cmyk(11.6%, 74.6%, 0%, 32.2%)
CIE-LAB	lab(40.56, 61.23, -46.47)
CIE-LCH	lch(40.56, 76.87, 322.81°)
OKLab	oklab(51.46% 0.1601 -0.1301)
OKLCH	oklch(51.46% 0.206 320.9)
XYZ	xyz(21.5795, 11.5920, 40.6279)
Luminance	0.1159 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#992CAD #40AD2C

analogous

#592CAD #992CAD #AD2C80

triadic

#992CAD #AD992C #2CAD99

tetradic

#992CAD #AD592C #40AD2C #2C80AD

square

#992CAD #AD592C #40AD2C #2C80AD

split-complementary

#992CAD #80AD2C #2CAD59

monochromatic

#43134B #6E207C #992CAD #BB46D0 #CD77DC

Accessibility & contrast

On white

6.33

#992CAD on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.32

#992CAD on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #992CAD

6.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##992CAD	#FFFFFF	#000000	##FFFFFF
##992CAD	1.00	6.33	3.32	6.33
#FFFFFF	6.33	1.00	21.00	1.00
#000000	3.32	21.00	1.00	21.00
##FFFFFF	6.33	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0058B1

Deuteranopia (green-blind)

#3B63AA

Tritanopia (blue-blind)

#9A456B

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #992cad;
/* rgb */ color: rgb(153, 44, 173);
/* oklch */ color: oklch(51.5% 0.206 320.9);

Tailwind

colors: {
  custom: {
    50: '#bb71c6',
    500: '#992cad',
    950: '#000000',
  },
}

SCSS

$custom: #992cad;
$custom-light: #bb71c6;
$custom-dark: #000000;

JSON

{
  "hex": "#992cad",
  "rgb": {
    "r": 153,
    "g": 44,
    "b": 173
  },
  "hsl": {
    "h": 290.698,
    "s": 59.447,
    "l": 42.549
  },
  "oklch": {
    "l": 0.51456,
    "c": 0.20634,
    "h": 320.9
  },
  "luminance": 0.11591
}

Semantic roles & 50–950 ramp

primary

#992CAD

secondary

#7EC471

accent

#E3455E

background

#FBF7FC

surface

#F7EDF8

border

#D0C8D1

text

#120813

muted

#817B82

Preview Lab

Preview with #992CAD

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

Preview Lab → · Contrast checker → · Palette generator →