#8A6099#8A6099

#8A6099 is a mid, moderate purple. Relative luminance 0.161; OKLCH L 55.5% C 0.098 H 316.9°. Best body text is #FFFFFF at 4.98:1 contrast (WCAG AA passes).

Color values

HEX	#8A6099
RGB	rgb(138, 96, 153)
HSL	hsl(284, 23%, 49%)
HSV	hsv(284, 37%, 60%)
CMYK	cmyk(9.8%, 37.3%, 0%, 40%)
CIE-LAB	lab(47.07, 27.59, -24.46)
CIE-LCH	lch(47.07, 36.87, 318.45°)
OKLab	oklab(55.47% 0.0717 -0.0671)
OKLCH	oklch(55.47% 0.098 316.9)
XYZ	xyz(20.4130, 16.0694, 32.1572)
Luminance	0.1607 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#8A6099 #6F9960

analogous

#6E6099 #8A6099 #99608C

triadic

#8A6099 #998A60 #60998A

tetradic

#8A6099 #996E60 #6F9960 #608C99

square

#8A6099 #996E60 #6F9960 #608C99

split-complementary

#8A6099 #8C9960 #60996E

monochromatic

#46314E #684873 #8A6099 #A684B2 #C1AACA

Accessibility & contrast

On white

4.98

#8A6099 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.21

#8A6099 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #8A6099

4.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##8A6099	#FFFFFF	#000000	##FFFFFF
##8A6099	1.00	4.98	4.21	4.98
#FFFFFF	4.98	1.00	21.00	1.00
#000000	4.21	21.00	1.00	21.00
##FFFFFF	4.98	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#586D9B

Deuteranopia (green-blind)

#627197

Tritanopia (blue-blind)

#8A6775

Achromatopsia (no color)

#707070

Design tokens & code

CSS

--color: #8a6099;
/* rgb */ color: rgb(138, 96, 153);
/* oklch */ color: oklch(55.5% 0.098 316.9);

Tailwind

colors: {
  custom: {
    50: '#ad8eb7',
    500: '#8a6099',
    950: '#000000',
  },
}

SCSS

$custom: #8a6099;
$custom-light: #ad8eb7;
$custom-dark: #000000;

JSON

{
  "hex": "#8a6099",
  "rgb": {
    "r": 138,
    "g": 96,
    "b": 153
  },
  "hsl": {
    "h": 284.211,
    "s": 22.892,
    "l": 48.824
  },
  "oklch": {
    "l": 0.55473,
    "c": 0.09823,
    "h": 316.9
  },
  "luminance": 0.16069
}

Semantic roles & 50–950 ramp

primary

#8A6099

secondary

#A4B89D

accent

#BF687F

background

#FAF8FB

surface

#F4F0F6

border

#CECBD0

text

#100C11

muted

#7F7D80

Preview Lab

Preview with #8A6099

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

Preview Lab → · Contrast checker → · Palette generator →