#898086 Color

#898086 is rgb(137, 128, 134) in RGB and hsl(320, 4%, 52%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#898086

HEX#898086

RGBrgb(137, 128, 134)

HSLhsl(320, 4%, 52%)

HSVhsv(320, 7%, 54%)

OKLCHoklch(61% 0.014 337.7)

CMYKcmyk(0%, 7%, 2%, 46%)

Text Contrast & Accessibility

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

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

TextBlack text5.5:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#898086 Complementary#808983 Analogous#888089 Analogous#898081 Triadic#868980 Triadic#808689

Tints & Shades

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

Tints

#9B9298 #A9A2A7 #BAB5B9 #C9C5C8 #DAD7D9 #E9E7E8

Shades

#776E74 #655D62 #524C50 #423D41 #302C2F #1D1B1C

Use #898086 in Our Tools

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