#899197 Color (Hex and RGB)

#899197

rgb(137 145 151) · reads as gray

#899197 has RGB values (137, 145, 151). The color reads primarily as gray in sRGB space.

Color values

FormatValueChannels
HEX#899197R89G91B97
RGBrgb(137 145 151)R137G145B151
HSLhsl(206 6% 56%)H206°S6%L56%
OKLCHoklch(65% 0.01 240)L0.65C0.01H240°
HSVhsv(206, 9%, 59%)H206°S9%V59%
CMYKcmyk(9%, 4%, 0%, 41%)C9%M4%Y0%K41%

RGB mix

  • Red137 53.73%
  • Green145 56.86%
  • Blue151 59.22%

Base numbers

BaseRGB
Binary100010011001000110010111
Octal211221227
Decimal137145151
Hex899197

Shades & tints

Shades mix #899197 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

#899197 on #FFFFFF

3.20:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#899197 on #000000

6.56:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Aa

#FFFFFF on #899197

3.20:1

AA ✕AAA ✕AA Large ✓AAA Large ✕

Aa

#000000 on #899197

6.56:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

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

Brands that use this color 1

↑