#986170 Color

#986170 is rgb(152, 97, 112) in RGB and hsl(344, 22%, 49%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#986170

HEX#986170

RGBrgb(152, 97, 112)

HSLhsl(344, 22%, 49%)

HSVhsv(344, 36%, 60%)

OKLCHoklch(55.7% 0.074 2)

CMYKcmyk(0%, 36%, 26%, 40%)

Text Contrast & Accessibility

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

TextWhite text4.91:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.28:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#986170 Complementary#61988A Analogous#98618C Analogous#986E61 Triadic#709861 Triadic#617098

Tints & Shades

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

Tints

#A77683 #B58C97 #C3A2AB #D1B7BE #DFCDD2 #EDE3E6

Shades

#865662 #704852 #5D3C45 #482E35 #352227 #1F1417

Use #986170 in Our Tools

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