#8824AE#8824AE

#8824AE is a mid, highly saturated purple. Relative luminance 0.096; OKLCH L 48.4% C 0.209 H 314.3°. Best body text is #FFFFFF at 7.22:1 contrast (WCAG AA passes).

Color values

HEX#8824AE
RGBrgb(136, 36, 174)
HSLhsl(283, 66%, 41%)
HSVhsv(283, 79%, 68%)
CMYKcmyk(21.8%, 79.3%, 0%, 31.8%)
CIE-LABlab(37.03, 60.80, -52.89)
CIE-LCHlch(37.03, 80.58, 318.98°)
OKLaboklab(48.45% 0.146 -0.1495)
OKLCHoklch(48.45% 0.209 314.3)
XYZxyz(18.4229, 9.5526, 40.9096)
Luminance0.0955 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8824AE #4AAE24
analogous
#4324AE #8824AE #AE248F
triadic
#8824AE #AE8824 #24AE88
tetradic
#8824AE #AE4324 #4AAE24 #248FAE
square
#8824AE #AE4324 #4AAE24 #248FAE
split-complementary
#8824AE #8FAE24 #24AE43
monochromatic
#390F49 #601A7B #8824AE #AB39D6 #C06CE1

Accessibility & contrast

On white

7.22
#8824AE on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.91
#8824AE on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #8824AE
7.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8824AE#FFFFFF#000000##FFFFFF
##8824AE1.007.222.917.22
#FFFFFF7.221.0021.001.00
#0000002.9121.001.0021.00
##FFFFFF7.221.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0052B2
Deuteranopia (green-blind)
#1859AB
Tritanopia (blue-blind)
#844569
Achromatopsia (no color)
#575757

Design tokens & code

CSS
--color: #8824ae;
/* rgb */ color: rgb(136, 36, 174);
/* oklch */ color: oklch(48.4% 0.209 314.3);
Tailwind
colors: {
  custom: {
    50: '#af6bc7',
    500: '#8824ae',
    950: '#000000',
  },
}
SCSS
$custom: #8824ae;
$custom-light: #af6bc7;
$custom-dark: #000000;
JSON
{
  "hex": "#8824ae",
  "rgb": {
    "r": 136,
    "g": 36,
    "b": 174
  },
  "hsl": {
    "h": 283.478,
    "s": 65.714,
    "l": 41.176
  },
  "oklch": {
    "l": 0.48448,
    "c": 0.20895,
    "h": 314.3
  },
  "luminance": 0.09552
}

Semantic roles & 50–950 ramp

primary
#8824AE
secondary
#81C767
accent
#E93F6E
background
#FBF6FC
surface
#F6ECF8
border
#D0C7D1
text
#110713
muted
#807A82

Preview Lab

Preview with #8824AE

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

Preview Lab → · Contrast checker → · Palette generator →

#8824AE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva