#986B84#986B84

#986B84 is a mid, moderate pink. Relative luminance 0.189; OKLCH L 58.2% C 0.067 H 345.0°. Best body text is #000000 at 4.77:1 contrast (WCAG AA passes).

Color values

HEX#986B84
RGBrgb(152, 107, 132)
HSLhsl(327, 18%, 51%)
HSVhsv(327, 30%, 60%)
CMYKcmyk(0%, 29.6%, 13.2%, 40.4%)
CIE-LABlab(50.52, 21.99, -6.60)
CIE-LCHlch(50.52, 22.96, 343.29°)
OKLaboklab(58.2% 0.0645 -0.0173)
OKLCHoklch(58.2% 0.067 345)
XYZxyz(22.3714, 18.8577, 24.2868)
Luminance0.1886 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#986B84 #6B987F
analogous
#956B98 #986B84 #986B6D
triadic
#986B84 #84986B #6B8498
tetradic
#986B84 #98956B #6B987F #6B6D98
square
#986B84 #98956B #6B987F #6B6D98
split-complementary
#986B84 #6D986B #6B9895
monochromatic
#513846 #755165 #986B84 #B18FA2 #CAB3C0

Accessibility & contrast

On white

4.40
#986B84 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.77
#986B84 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #986B84
4.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##986B84#FFFFFF#000000##000000
##986B841.004.404.774.77
#FFFFFF4.401.0021.0021.00
#0000004.7721.001.001.00
##0000004.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#6E7485
Deuteranopia (green-blind)
#787B83
Tritanopia (blue-blind)
#9E6B74
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #986b84;
/* rgb */ color: rgb(152, 107, 132);
/* oklch */ color: oklch(58.2% 0.067 345.0);
Tailwind
colors: {
  custom: {
    50: '#b796a7',
    500: '#986b84',
    950: '#000000',
  },
}
SCSS
$custom: #986b84;
$custom-light: #b796a7;
$custom-dark: #000000;
JSON
{
  "hex": "#986b84",
  "rgb": {
    "r": 152,
    "g": 107,
    "b": 132
  },
  "hsl": {
    "h": 326.667,
    "s": 17.928,
    "l": 50.784
  },
  "oklch": {
    "l": 0.582,
    "c": 0.0668,
    "h": 345
  },
  "luminance": 0.18857
}

Semantic roles & 50–950 ramp

primary
#986B84
secondary
#A5B9AE
accent
#BB906D
background
#FBF9FA
surface
#F6F2F4
border
#D0CCCE
text
#110D0F
muted
#807E7F

Preview Lab

Preview with #986B84

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

Preview Lab → · Contrast checker → · Palette generator →

#986B84 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva