#958A50 Color

#958A50 is rgb(149, 138, 80) in RGB and hsl(50, 30%, 45%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#958A50

HEX#958A50

RGBrgb(149, 138, 80)

HSLhsl(50, 30%, 45%)

HSVhsv(50, 46%, 58%)

OKLCHoklch(63% 0.079 98.8)

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

Text Contrast & Accessibility

WCAG contrast ratios for text on a #958A50 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.03:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#958A50 Complementary#505C95 Analogous#956750 Analogous#7E9550 Triadic#50958A Triadic#8A5095

Tints & Shades

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

Tints

#AB9F63 #B8AD7A #C6BE95 #D2CCAC #E1DCC7 #EDEBDE

Shades

#817746 #6D653B #5A5330 #494327 #35311D #211F12

Use #958A50 in Our Tools

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