#776B1D Color

#776B1D is rgb(119, 107, 29) in RGB and hsl(52, 61%, 29%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#776B1D

HEX#776B1D

RGBrgb(119, 107, 29)

HSLhsl(52, 61%, 29%)

HSVhsv(52, 76%, 47%)

OKLCHoklch(52.4% 0.097 100.3)

CMYKcmyk(0%, 10%, 76%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#776B1D Complementary#1D2977 Analogous#773E1D Analogous#56771D Triadic#1D776B Triadic#6B1D77

Tints & Shades

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

Tints

#A09027 #C9B531 #D6C557 #DFD27C #E9E0A5 #F3EECE

Shades

#675C19 #5A5116 #4A4212 #3E370F #2D290B #211E08

Use #776B1D in Our Tools

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