#686B4D Hex Color
Sophisticated, organic, and deeply grounded olive
This muted, dusty olive lands on the darker side of the spectrum with distinct, ashy undertones. Because it is highly unsaturated, #686b4d works best as a moody, atmospheric background rather than a primary focus. Pair it with crisp white text to maintain accessibility, as this combination provides excellent contrast. It functions effectively for brands aiming for an organic, understated, or utilitarian aesthetic.
Questions about #686b4d
What is #686b4d in RGB, HSL and CMYK?
In RGB, #686b4d is rgb(104, 107, 77), in HSL hsl(66, 16%, 36%) and in CMYK 3%, 0%, 28%, 58%.
How should I use #686b4d in a design layout?
Use #686b4d as a moody, atmospheric base color to ground your design without overwhelming the viewer. It works exceptionally well when paired with crisp white typography or soft cream accents to maintain readability and a clean, utilitarian aesthetic.
Which colors complement the dusty tones of #686b4d?
The muted nature of #686b4d pairs best with high-contrast neutrals like charcoal or soft off-whites. For more dynamic palettes, try accenting this olive shade with muted terracotta or deep navy to balance its organic, earthy temperature.
Is #686b4d readable on white or black?
#686b4d has a 5.52:1 contrast ratio on white and 3.79: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.