#9C987C Color

#9C987C is rgb(156, 152, 124) in RGB and hsl(52, 14%, 55%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#9C987C

HEX#9C987C

RGBrgb(156, 152, 124)

HSLhsl(52, 14%, 55%)

HSVhsv(52, 21%, 61%)

OKLCHoklch(67.5% 0.04 100.6)

CMYKcmyk(0%, 3%, 21%, 39%)

Text Contrast & Accessibility

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

TextWhite text2.92:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.2:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#9C987C Complementary#7C809C Analogous#9C887C Analogous#919C7C Triadic#7C9C98 Triadic#987C9C

Tints & Shades

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

Tints

#A9A68E #B7B39F #C4C1B1 #D3D1C5 #E0DFD6 #EDEDE8

Shades

#8C8769 #747058 #605D48 #4C4939 #37352A #201F18

Use #9C987C in Our Tools

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