#883A90#883A90

#883A90 is a mid, vivid purple. Relative luminance 0.103; OKLCH L 48.8% C 0.154 H 323.9°. Best body text is #FFFFFF at 6.87:1 contrast (WCAG AA passes).

Color values

HEX#883A90
RGBrgb(136, 58, 144)
HSLhsl(294, 43%, 40%)
HSVhsv(294, 60%, 56%)
CMYKcmyk(5.6%, 59.7%, 0%, 43.5%)
CIE-LABlab(38.33, 45.86, -32.72)
CIE-LCHlch(38.33, 56.34, 324.49°)
OKLaboklab(48.78% 0.1241 -0.0907)
OKLCHoklch(48.78% 0.154 323.9)
XYZxyz(16.7000, 10.2749, 27.4838)
Luminance0.1027 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#883A90 #42903A
analogous
#5D3A90 #883A90 #903A6D
triadic
#883A90 #90883A #3A9088
tetradic
#883A90 #905D3A #42903A #3A6D90
square
#883A90 #905D3A #42903A #3A6D90
split-complementary
#883A90 #6D903A #3A905D
monochromatic
#361739 #5F2864 #883A90 #AE4FB8 #C27BCA

Accessibility & contrast

On white

6.87
#883A90 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.05
#883A90 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #883A90
6.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##883A90#FFFFFF#000000##FFFFFF
##883A901.006.873.056.87
#FFFFFF6.871.0021.001.00
#0000003.0521.001.0021.00
##FFFFFF6.871.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2C5493
Deuteranopia (green-blind)
#475D8E
Tritanopia (blue-blind)
#8A465F
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #883a90;
/* rgb */ color: rgb(136, 58, 144);
/* oklch */ color: oklch(48.8% 0.154 323.9);
Tailwind
colors: {
  custom: {
    50: '#ad75b1',
    500: '#883a90',
    950: '#000000',
  },
}
SCSS
$custom: #883a90;
$custom-light: #ad75b1;
$custom-dark: #000000;
JSON
{
  "hex": "#883a90",
  "rgb": {
    "r": 136,
    "g": 58,
    "b": 144
  },
  "hsl": {
    "h": 294.419,
    "s": 42.574,
    "l": 39.608
  },
  "oklch": {
    "l": 0.48779,
    "c": 0.15372,
    "h": 323.9
  },
  "luminance": 0.10274
}

Semantic roles & 50–950 ramp

primary
#883A90
secondary
#79B373
accent
#D25561
background
#FAF7FA
surface
#F5EDF5
border
#CFC8CF
text
#100910
muted
#7F7B7F

Preview Lab

Preview with #883A90

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

Preview Lab → · Contrast checker → · Palette generator →

#883A90 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva