#776A5F Color

#776A5F is rgb(119, 106, 95) in RGB and hsl(28, 11%, 42%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#776A5F

HEX#776A5F

RGBrgb(119, 106, 95)

HSLhsl(28, 11%, 42%)

HSVhsv(28, 20%, 47%)

OKLCHoklch(53.3% 0.024 62.5)

CMYKcmyk(0%, 11%, 20%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#776A5F Complementary#5F6C77 Analogous#775F60 Analogous#77765F Triadic#5F776A Triadic#6A5F77

Tints & Shades

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

Tints

#8E7F71 #A09388 #B2A89F #C4BCB5 #D6D1CC #E8E5E3

Shades

#695E54 #584E46 #4A423B #39332D #2A2622 #191714

Use #776A5F in Our Tools

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