#866F98#866F98

#866F98 is a mid, moderate violet. Relative luminance 0.187; OKLCH L 57.9% C 0.067 H 309.8°. Best body text is #000000 at 4.74:1 contrast (WCAG AA passes).

Color values

HEX#866F98
RGBrgb(134, 111, 152)
HSLhsl(274, 17%, 52%)
HSVhsv(274, 27%, 60%)
CMYKcmyk(11.8%, 27%, 0%, 40.4%)
CIE-LABlab(50.34, 17.20, -18.86)
CIE-LCHlch(50.34, 25.53, 312.36°)
OKLaboklab(57.86% 0.0429 -0.0515)
OKLCHoklch(57.86% 0.067 309.8)
XYZxyz(21.1825, 18.7044, 32.1941)
Luminance0.1870 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#866F98 #81986F
analogous
#726F98 #866F98 #986F96
triadic
#866F98 #98866F #6F9886
tetradic
#866F98 #98726F #81986F #6F9698
square
#866F98 #98726F #81986F #6F9698
split-complementary
#866F98 #96986F #6F9872
monochromatic
#483B52 #675476 #866F98 #A493B2 #C2B6CB

Accessibility & contrast

On white

4.43
#866F98 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.74
#866F98 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #866F98
4.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##866F98#FFFFFF#000000##000000
##866F981.004.434.744.74
#FFFFFF4.431.0021.0021.00
#0000004.7421.001.001.00
##0000004.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#68779A
Deuteranopia (green-blind)
#6D7897
Tritanopia (blue-blind)
#84747D
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #866f98;
/* rgb */ color: rgb(134, 111, 152);
/* oklch */ color: oklch(57.9% 0.067 309.8);
Tailwind
colors: {
  custom: {
    50: '#a998b6',
    500: '#866f98',
    950: '#000000',
  },
}
SCSS
$custom: #866f98;
$custom-light: #a998b6;
$custom-dark: #000000;
JSON
{
  "hex": "#866f98",
  "rgb": {
    "r": 134,
    "g": 111,
    "b": 152
  },
  "hsl": {
    "h": 273.659,
    "s": 16.599,
    "l": 51.569
  },
  "oklch": {
    "l": 0.57859,
    "c": 0.06702,
    "h": 309.8
  },
  "luminance": 0.18704
}

Semantic roles & 50–950 ramp

primary
#866F98
secondary
#B0BAA8
accent
#B96E8F
background
#FAF9FB
surface
#F4F2F6
border
#CECCD0
text
#100D11
muted
#7F7E80

Preview Lab

Preview with #866F98

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

Preview Lab → · Contrast checker → · Palette generator →

#866F98 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva