#968987#968987

#968987 is a light, near-neutral grey. Relative luminance 0.261; OKLCH L 64.1% C 0.016 H 28.1°. Best body text is #000000 at 6.22:1 contrast (WCAG AA passes).

Color values

HEX	#968987
RGB	rgb(150, 137, 135)
HSL	hsl(8, 7%, 56%)
HSV	hsv(8, 10%, 59%)
CMYK	cmyk(0%, 8.7%, 10%, 41.2%)
CIE-LAB	lab(58.16, 4.51, 2.83)
CIE-LCH	lch(58.16, 5.32, 32.17°)
OKLab	oklab(64.1% 0.0141 0.0075)
OKLCH	oklch(64.1% 0.016 28.1)
XYZ	xyz(25.8961, 26.1250, 26.5954)
Luminance	0.2612 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#968987 #879496

analogous

#96878C #968987 #969087

triadic

#968987 #879689 #898796

tetradic

#968987 #8C9687 #879496 #908796

square

#968987 #8C9687 #879496 #908796

split-complementary

#968987 #879690 #878C96

monochromatic

#574D4C #776A68 #968987 #B3A9A8 #CFC9C8

Accessibility & contrast

On white

3.37

#968987 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.22

#968987 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #968987

6.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##968987	#FFFFFF	#000000	##000000
##968987	1.00	3.37	6.22	6.22
#FFFFFF	3.37	1.00	21.00	21.00
#000000	6.22	21.00	1.00	1.00
##000000	6.22	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8B8A87

Deuteranopia (green-blind)

#8E8D87

Tritanopia (blue-blind)

#998888

Achromatopsia (no color)

#8C8C8C

Design tokens & code

CSS

--color: #968987;
/* rgb */ color: rgb(150, 137, 135);
/* oklch */ color: oklch(64.1% 0.016 28.1);

Tailwind

colors: {
  custom: {
    50: '#b5aba9',
    500: '#968987',
    950: '#000000',
  },
}

SCSS

$custom: #968987;
$custom-light: #b5aba9;
$custom-dark: #000000;

JSON

{
  "hex": "#968987",
  "rgb": {
    "r": 150,
    "g": 137,
    "b": 135
  },
  "hsl": {
    "h": 8,
    "s": 6.667,
    "l": 55.882
  },
  "oklch": {
    "l": 0.64098,
    "c": 0.016,
    "h": 28.1
  },
  "luminance": 0.26125
}

Semantic roles & 50–950 ramp

primary

#968987

secondary

#B9BFC0

accent

#A8B078

background

#FBFAFA

surface

#F6F4F4

border

#D0CECE

text

#111010

muted

#807F7F

Preview Lab

Preview with #968987

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

Preview Lab → · Contrast checker → · Palette generator →