#893A86#893A86

#893A86 is a mid, vivid purple. Relative luminance 0.101; OKLCH L 48.4% C 0.145 H 329.0°. Best body text is #FFFFFF at 6.97:1 contrast (WCAG AA passes).

Color values

HEX#893A86
RGBrgb(137, 58, 134)
HSLhsl(302, 41%, 38%)
HSVhsv(302, 58%, 54%)
CMYKcmyk(0%, 57.7%, 2.2%, 46.3%)
CIE-LABlab(37.96, 44.24, -27.17)
CIE-LCHlch(37.96, 51.92, 328.44°)
OKLaboklab(48.37% 0.1243 -0.0746)
OKLCHoklch(48.37% 0.145 329)
XYZxyz(16.1325, 10.0667, 23.6430)
Luminance0.1007 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#893A86 #3A893D
analogous
#643A89 #893A86 #893A5E
triadic
#893A86 #86893A #3A8689
tetradic
#893A86 #89643A #3A893D #3A5E89
square
#893A86 #89643A #3A893D #3A5E89
split-complementary
#893A86 #5E893A #3A8964
monochromatic
#331632 #5E285C #893A86 #B44DB0 #C678C3

Accessibility & contrast

On white

6.97
#893A86 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.01
#893A86 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #893A86
6.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##893A86#FFFFFF#000000##FFFFFF
##893A861.006.973.016.97
#FFFFFF6.971.0021.001.00
#0000003.0121.001.0021.00
##FFFFFF6.971.0021.001.00

Color blindness preview

Protanopia (red-blind)
#345388
Deuteranopia (green-blind)
#4D5D84
Tritanopia (blue-blind)
#8D425A
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #893a86;
/* rgb */ color: rgb(137, 58, 134);
/* oklch */ color: oklch(48.4% 0.145 329.0);
Tailwind
colors: {
  custom: {
    50: '#ae75a9',
    500: '#893a86',
    950: '#000000',
  },
}
SCSS
$custom: #893a86;
$custom-light: #ae75a9;
$custom-dark: #000000;
JSON
{
  "hex": "#893a86",
  "rgb": {
    "r": 137,
    "g": 58,
    "b": 134
  },
  "hsl": {
    "h": 302.278,
    "s": 40.513,
    "l": 38.235
  },
  "oklch": {
    "l": 0.48371,
    "c": 0.14497,
    "h": 329
  },
  "luminance": 0.10066
}

Semantic roles & 50–950 ramp

primary
#893A86
secondary
#70AF72
accent
#D05C57
background
#FAF7FA
surface
#F5EDF4
border
#CFC8CE
text
#110910
muted
#807B7F

Preview Lab

Preview with #893A86

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

Preview Lab → · Contrast checker → · Palette generator →

#893A86 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva