#776522 Color

#776522 is rgb(119, 101, 34) in RGB and hsl(47, 56%, 30%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#776522

HEX#776522

RGBrgb(119, 101, 34)

HSLhsl(47, 56%, 30%)

HSVhsv(47, 71%, 47%)

OKLCHoklch(51.1% 0.088 93.9)

CMYKcmyk(0%, 15%, 71%, 53%)

Text Contrast & Accessibility

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

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

TextBlack text3.67:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#776522 Complementary#223477 Analogous#773A22 Analogous#5F7722 Triadic#227765 Triadic#652277

Tints & Shades

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

Tints

#9F862D #C3A537 #D1B85C #DCC984 #E7DAAB #F2EACF

Shades

#67571D #5B4D1A #4C4015 #3C3211 #2C250C #201B09

Use #776522 in Our Tools

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