#898A85 Color

#898A85 is rgb(137, 138, 133) in RGB and hsl(72, 2%, 53%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#898A85

HEX#898A85

RGBrgb(137, 138, 133)

HSLhsl(72, 2%, 53%)

HSVhsv(72, 4%, 54%)

OKLCHoklch(63.1% 0.007 115.8)

CMYKcmyk(1%, 0%, 4%, 46%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #898A85 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.48:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.04:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #898A85 based on color wheel relationships. Click any swatch for its full breakdown.

Base#898A85 Complementary#86858A Analogous#8A8885 Analogous#868A85 Triadic#85898A Triadic#8A8589

Tints & Shades

Lighter tints and darker shades of #898A85, useful for hover states, backgrounds, and text variants.

Tints

#989994 #A9AAA7 #B8B9B6 #CACBC8 #D9DAD8 #EBEBEA

Shades

#777873 #656561 #535350 #41413E #2E2F2D #1C1D1B

Use #898A85 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex