#8B2DA5#8B2DA5

#8B2DA5 is a mid, vivid purple. Relative luminance 0.101; OKLCH L 49.0% C 0.193 H 317.9°. Best body text is #FFFFFF at 6.96:1 contrast (WCAG AA passes).

Color values

HEX#8B2DA5
RGBrgb(139, 45, 165)
HSLhsl(287, 57%, 41%)
HSVhsv(287, 73%, 65%)
CMYKcmyk(15.8%, 72.7%, 0%, 35.3%)
CIE-LABlab(37.99, 56.40, -45.93)
CIE-LCHlch(37.99, 72.74, 320.84°)
OKLaboklab(49.03% 0.1429 -0.129)
OKLCHoklch(49.03% 0.193 317.9)
XYZxyz(18.3764, 10.0832, 36.5683)
Luminance0.1008 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8B2DA5 #47A52D
analogous
#4F2DA5 #8B2DA5 #A52D83
triadic
#8B2DA5 #A58B2D #2DA58B
tetradic
#8B2DA5 #A54F2D #47A52D #2D83A5
square
#8B2DA5 #A54F2D #47A52D #2D83A5
split-complementary
#8B2DA5 #83A52D #2DA54F
monochromatic
#3A1345 #622075 #8B2DA5 #AE43CC #C373D9

Accessibility & contrast

On white

6.96
#8B2DA5 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.02
#8B2DA5 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #8B2DA5
6.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8B2DA5#FFFFFF#000000##FFFFFF
##8B2DA51.006.963.026.96
#FFFFFF6.961.0021.001.00
#0000003.0221.001.0021.00
##FFFFFF6.961.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0053A8
Deuteranopia (green-blind)
#325CA2
Tritanopia (blue-blind)
#8A4566
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #8b2da5;
/* rgb */ color: rgb(139, 45, 165);
/* oklch */ color: oklch(49.0% 0.193 317.9);
Tailwind
colors: {
  custom: {
    50: '#b16fc0',
    500: '#8b2da5',
    950: '#000000',
  },
}
SCSS
$custom: #8b2da5;
$custom-light: #b16fc0;
$custom-dark: #000000;
JSON
{
  "hex": "#8b2da5",
  "rgb": {
    "r": 139,
    "g": 45,
    "b": 165
  },
  "hsl": {
    "h": 287,
    "s": 57.143,
    "l": 41.176
  },
  "oklch": {
    "l": 0.49028,
    "c": 0.19252,
    "h": 317.9
  },
  "luminance": 0.10082
}

Semantic roles & 50–950 ramp

primary
#8B2DA5
secondary
#7FC16D
accent
#E04769
background
#FBF7FB
surface
#F6EDF7
border
#D0C8D0
text
#110812
muted
#807B81

Preview Lab

Preview with #8B2DA5

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

Preview Lab → · Contrast checker → · Palette generator →

#8B2DA5 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva