#884BA4#884BA4

#884BA4 is a mid, vivid purple. Relative luminance 0.129; OKLCH L 52.3% C 0.147 H 314.1°. Best body text is #FFFFFF at 5.85:1 contrast (WCAG AA passes).

Color values

HEX	#884BA4
RGB	rgb(136, 75, 164)
HSL	hsl(281, 37%, 47%)
HSV	hsv(281, 54%, 64%)
CMYK	cmyk(17.1%, 54.3%, 0%, 35.7%)
CIE-LAB	lab(42.68, 41.29, -37.87)
CIE-LCH	lch(42.68, 56.03, 317.47°)
OKLab	oklab(52.32% 0.1024 -0.1057)
OKLCH	oklch(52.32% 0.147 314.1)
XYZ	xyz(19.3692, 12.9473, 36.5935)
Luminance	0.1295 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#884BA4 #67A44B

analogous

#5C4BA4 #884BA4 #A44B93

triadic

#884BA4 #A4884B #4BA488

tetradic

#884BA4 #A45C4B #67A44B #4B93A4

square

#884BA4 #A45C4B #67A44B #4B93A4

split-complementary

#884BA4 #93A44B #4BA45C

monochromatic

#422550 #65387A #884BA4 #A56FBD #BF99D0

Accessibility & contrast

On white

5.85

#884BA4 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.59

#884BA4 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #884BA4

5.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##884BA4	#FFFFFF	#000000	##FFFFFF
##884BA4	1.00	5.85	3.59	5.85
#FFFFFF	5.85	1.00	21.00	1.00
#000000	3.59	21.00	1.00	21.00
##FFFFFF	5.85	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3561A7

Deuteranopia (green-blind)

#4966A2

Tritanopia (blue-blind)

#865970

Achromatopsia (no color)

#656565

Design tokens & code

CSS

--color: #884ba4;
/* rgb */ color: rgb(136, 75, 164);
/* oklch */ color: oklch(52.3% 0.147 314.1);

Tailwind

colors: {
  custom: {
    50: '#ad80bf',
    500: '#884ba4',
    950: '#000000',
  },
}

SCSS

$custom: #884ba4;
$custom-light: #ad80bf;
$custom-dark: #000000;

JSON

{
  "hex": "#884ba4",
  "rgb": {
    "r": 136,
    "g": 75,
    "b": 164
  },
  "hsl": {
    "h": 281.124,
    "s": 37.238,
    "l": 46.863
  },
  "oklch": {
    "l": 0.52322,
    "c": 0.1472,
    "h": 314.1
  },
  "luminance": 0.12947
}

Semantic roles & 50–950 ramp

primary

#884BA4

secondary

#9DBD8E

accent

#CD5B7F

background

#FAF7FB

surface

#F4EEF7

border

#CEC9D0

text

#100A12

muted

#7F7C81

Preview Lab

Preview with #884BA4

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

Preview Lab → · Contrast checker → · Palette generator →