#776556 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#776556 is a dark, muted brown with dusty orange and gray undertones. Its matte, ashy quality gives branding, packaging, and autumn or vintage layouts a grounded, understated feel. Use this hex color as a supporting tone beside cream, faded peach, or muted teal; large areas can look muddy. White text reads clearly, with about 5.6:1 contrast. The hex code is #776556.
Questions about #776556
What is #776556 in RGB, HSL and CMYK?
In RGB, #776556 is rgb(119, 101, 86), in HSL hsl(27, 16%, 40%) and in CMYK 0%, 15%, 28%, 53%. Browse more shades of gray with names and hex codes.
What colors pair well with #776556?
#776556 pairs well with cream, faded peach, muted teal, and soft off-white, which balance its dusty brown base without making a palette feel heavy; use cream for calm backgrounds, peach for warmth, and teal for stronger visual contrast.
Does #776556 look warm or cool?
#776556 reads as a warm-leaning brown because its dusty orange undertones outweigh the cooler gray influence, while the gray keeps it subdued rather than bright and visually quiet in most palettes. That balance suits muted autumn, vintage, and natural-looking layouts.
Where does #776556 work best?
#776556 works best as a supporting color in branding, packaging, autumn layouts, and vintage designs, where its matte, ashy brown can ground lighter accents without demanding attention from the main elements. Use it in large areas cautiously, since its muted tone may look muddy without contrast.
Is #776556 readable on white or black?
#776556 has a 5.55:1 contrast ratio on white and 3.78:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.