#8B6DAD#8B6DAD

#8B6DAD is a mid, moderate violet. Relative luminance 0.194; OKLCH L 58.9% C 0.101 H 305.0°. Best body text is #000000 at 4.89:1 contrast (WCAG AA passes).

Color values

HEX#8B6DAD
RGBrgb(139, 109, 173)
HSLhsl(268, 28%, 55%)
HSVhsv(268, 37%, 68%)
CMYKcmyk(19.7%, 37%, 0%, 32.2%)
CIE-LABlab(51.20, 24.85, -29.76)
CIE-LCHlch(51.20, 38.77, 309.87°)
OKLaboklab(58.92% 0.0578 -0.0824)
OKLCHoklch(58.92% 0.101 305)
XYZxyz(23.6574, 19.4435, 42.0337)
Luminance0.1944 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8B6DAD #8FAD6D
analogous
#6D6FAD #8B6DAD #AB6DAD
triadic
#8B6DAD #AD8B6D #6DAD8B
tetradic
#8B6DAD #AD6D6F #8FAD6D #6DADAB
square
#8B6DAD #AD6D6F #8FAD6D #6DADAB
split-complementary
#8B6DAD #ADAB6D #6FAD6D
monochromatic
#4E3966 #6C4F8D #8B6DAD #AA94C3 #C9BBD9

Accessibility & contrast

On white

4.30
#8B6DAD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.89
#8B6DAD on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #8B6DAD
4.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8B6DAD#FFFFFF#000000##000000
##8B6DAD1.004.304.894.89
#FFFFFF4.301.0021.0021.00
#0000004.8921.001.001.00
##0000004.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#5F79AF
Deuteranopia (green-blind)
#657AAB
Tritanopia (blue-blind)
#867785
Achromatopsia (no color)
#7A7A7A

Design tokens & code

CSS
--color: #8b6dad;
/* rgb */ color: rgb(139, 109, 173);
/* oklch */ color: oklch(58.9% 0.101 305.0);
Tailwind
colors: {
  custom: {
    50: '#ae97c5',
    500: '#8b6dad',
    950: '#000000',
  },
}
SCSS
$custom: #8b6dad;
$custom-light: #ae97c5;
$custom-dark: #000000;
JSON
{
  "hex": "#8b6dad",
  "rgb": {
    "r": 139,
    "g": 109,
    "b": 173
  },
  "hsl": {
    "h": 268.125,
    "s": 28.07,
    "l": 55.294
  },
  "oklch": {
    "l": 0.58921,
    "c": 0.10063,
    "h": 305
  },
  "luminance": 0.19443
}

Semantic roles & 50–950 ramp

primary
#8B6DAD
secondary
#BCC8AE
accent
#C46397
background
#FAF9FC
surface
#F4F2F8
border
#CECCD1
text
#100D13
muted
#7F7E82

Preview Lab

Preview with #8B6DAD

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

Preview Lab → · Contrast checker → · Palette generator →

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