#985699 Color

#985699 is rgb(152, 86, 153) in RGB and hsl(299, 28%, 47%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#985699

HEX#985699

RGBrgb(152, 86, 153)

HSLhsl(299, 28%, 47%)

HSVhsv(299, 44%, 60%)

OKLCHoklch(55.4% 0.125 326.6)

CMYKcmyk(1%, 44%, 0%, 40%)

Text Contrast & Accessibility

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

TextWhite text5.09:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#985699 Complementary#579956 Analogous#775699 Analogous#995679 Triadic#999856 Triadic#569998

Tints & Shades

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

Tints

#A969AB #B883B9 #C59AC6 #D2B1D3 #DFC8E0 #EEE2EE

Shades

#854B86 #714072 #5E355F #472848 #341D34 #201221

Use #985699 in Our Tools

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