#88787C#88787C

#88787C is a mid, muted grey. Relative luminance 0.201; OKLCH L 58.9% C 0.021 H 0.8°. Best body text is #000000 at 5.02:1 contrast (WCAG AA passes).

Color values

HEX	#88787C
RGB	rgb(136, 120, 124)
HSL	hsl(345, 6%, 50%)
HSV	hsv(345, 12%, 53%)
CMYK	cmyk(0%, 11.8%, 8.8%, 46.7%)
CIE-LAB	lab(51.98, 6.89, 0.07)
CIE-LCH	lch(51.98, 6.89, 0.62°)
OKLab	oklab(58.86% 0.0206 0.0003)
OKLCH	oklch(58.86% 0.021 0.8)
XYZ	xyz(20.5076, 20.1228, 21.8686)
Luminance	0.2012 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#88787C #788884

analogous

#887884 #88787C #887C78

triadic

#88787C #7C8878 #787C88

tetradic

#88787C #848878 #788884 #7C7888

square

#88787C #848878 #788884 #7C7888

split-complementary

#88787C #78887C #788488

monochromatic

#473F41 #685B5E #88787C #A5999C #C1B9BB

Accessibility & contrast

On white

4.18

#88787C on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.02

#88787C on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #88787C

5.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##88787C	#FFFFFF	#000000	##000000
##88787C	1.00	4.18	5.02	5.02
#FFFFFF	4.18	1.00	21.00	21.00
#000000	5.02	21.00	1.00	1.00
##000000	5.02	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#7A7A7C

Deuteranopia (green-blind)

#7D7D7C

Tritanopia (blue-blind)

#8B7779

Achromatopsia (no color)

#7C7C7C

Design tokens & code

CSS

--color: #88787c;
/* rgb */ color: rgb(136, 120, 124);
/* oklch */ color: oklch(58.9% 0.021 0.8);

Tailwind

colors: {
  custom: {
    50: '#aa9fa1',
    500: '#88787c',
    950: '#000000',
  },
}

SCSS

$custom: #88787c;
$custom-light: #aa9fa1;
$custom-dark: #000000;

JSON

{
  "hex": "#88787c",
  "rgb": {
    "r": 136,
    "g": 120,
    "b": 124
  },
  "hsl": {
    "h": 345,
    "s": 6.299,
    "l": 50.196
  },
  "oklch": {
    "l": 0.58861,
    "c": 0.02056,
    "h": 0.8
  },
  "luminance": 0.20122
}

Semantic roles & 50–950 ramp

primary

#88787C

secondary

#AAB1B0

accent

#AFA278

background

#FAF9F9

surface

#F4F2F2

border

#CECCCC

text

#100E0F

muted

#7F7E7E

Preview Lab

Preview with #88787C

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

Preview Lab → · Contrast checker → · Palette generator →