#969673 Color

#969673 is rgb(150, 150, 115) in RGB and hsl(60, 14%, 52%) in HSL. The closest CSS named color is Gray. Black text is most readable on this background.

#969673

HEX#969673

RGBrgb(150, 150, 115)

HSLhsl(60, 14%, 52%)

HSVhsv(60, 23%, 59%)

OKLCHoklch(66.4% 0.049 107.7)

CMYKcmyk(0%, 0%, 23%, 41%)

Text Contrast & Accessibility

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

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

TextBlack text6.91:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#969673 Complementary#737396 Analogous#968573 Analogous#859673 Triadic#739696 Triadic#967396

Tints & Shades

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

Tints

#A5A588 #B2B299 #C2C2AE #CFCFBF #DEDED3 #EBEBE5

Shades

#838363 #6E6E53 #5A5A44 #494937 #343427 #202018

Use #969673 in Our Tools

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