#686F4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted olive is a low-saturation shade that leans heavily into earthy, natural territory. As a hex code, #686f4d provides a somber, grounded backdrop that works well for rugged branding or outdoor apparel. It pairs best with clean off-whites or deep charcoals to avoid a muddy appearance. Use it as a supporting tone in design systems, as it reads clearly with white text at small sizes.
Questions about #686f4d
What is #686f4d in RGB, HSL and CMYK?
In RGB, #686f4d is rgb(104, 111, 77), in HSL hsl(72, 18%, 37%) and in CMYK 6%, 0%, 31%, 56%.
How do I keep #686f4d from looking muddy in a design?
Maintain visual clarity by pairing #686f4d exclusively with high-contrast neutrals like crisp white or deep charcoal. Avoid placing it against similarly desaturated tones, which can cause the layout to lose definition and appear flat or unrefined.
What is the best application for #686f4d in user interfaces?
Use #686f4d as a secondary or accent color for outdoor and nature-focused brands, as it remains legible for text at small sizes. Because it is a low-saturation olive, it serves as a sophisticated alternative to standard grays for background sections.
Is #686f4d readable on white or black?
#686f4d has a 5.29:1 contrast ratio on white and 3.96: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.