#988F8C Color (Hex and RGB)

#988F8C

rgb(152 143 140) · reads as gray

#988f8c has RGB values (152, 143, 140). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#988F8CR98G8FB8C
RGBrgb(152 143 140)R152G143B140
HSLhsl(15 6% 57%)H15°S6%L57%
OKLCHoklch(66% 0.01 39)L0.66C0.01H39°
HSVhsv(15, 8%, 60%)H15°S8%V60%
CMYKcmyk(0%, 6%, 8%, 40%)C0%M6%Y8%K40%

RGB mix

  • Red152 59.61%
  • Green143 56.08%
  • Blue140 54.9%

Base numbers

BaseRGB
Binary100110001000111110001100
Octal230217214
Decimal152143140
Hex988f8c

Shades & tints

Shades mix #988F8C with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

Aa

#988F8C on #FFFFFF

3.16:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#988F8C on #000000

6.64:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #988F8C

3.16:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#000000 on #988F8C

6.64:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

  • CSScolor: #988f8c;
  • Backgroundbackground-color: #988f8c;
  • CSS variable--color-988f8c: #988f8c;
  • Modern CSScolor: oklch(66% 0.01 39);
  • SCSS$color-988f8c: #988f8c;
  • Tailwindbg-[#988f8c] text-[#988f8c]
  • HTML<div style="background-color: #988f8c"></div>

Brands that use this color 1

↑