#676B56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty shade leans heavily into desaturated olive tones with an ashy, grey cast. Because of its muted character, #676b56 works best as a grounding neutral for organic branding or military-inspired UI. It provides sufficient contrast for small body text when paired with white. Avoid using it in large blocks to prevent the design from feeling too muddy or gloomy.
Questions about #676b56
What is #676b56 in RGB, HSL and CMYK?
In RGB, #676b56 is rgb(103, 107, 86), in HSL hsl(71, 11%, 38%) and in CMYK 4%, 0%, 20%, 58%.
How can #676b56 be used effectively in UI design without appearing muddy?
#676b56 functions best as a grounding neutral for buttons, borders, or text, provided it is paired with significant amounts of white space to prevent visual fatigue. Avoid filling large page sections with this color, as its heavy desaturation can quickly overwhelm the layout.
What colors pair well with #676b56 for a balanced palette?
This olive tone works beautifully when grounded against crisp off-white or soft cream to maintain readability. For accent colors, it pairs well with muted terracotta or dusty rose, which offer enough warmth to contrast its cool, ashy undertones.
Is #676b56 readable on white or black?
#676b56 has a 5.50:1 contrast ratio on white and 3.81: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.