#686D5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty olive leans into an ashy, muted character. Because of its dark, moody presence, #686d5f works best as a grounding background or a secondary accent rather than a primary fill. It pairs well with crisp, warm whites to create necessary contrast. The hex code #686d5f provides a stable, earthy anchor that feels both professional and understated for nature-inspired design schemes.
Questions about #686d5f
What is #686d5f in RGB, HSL and CMYK?
In RGB, #686d5f is rgb(104, 109, 95), in HSL hsl(81, 7%, 40%) and in CMYK 5%, 0%, 13%, 57%.
What colors pair best with #686d5f?
The muted nature of #686d5f shines when paired with crisp, warm whites or creamy off-whites to provide necessary contrast. For a more sophisticated palette, try pairing this dusty olive with deep charcoal or soft terracotta tones to balance its ashy, organic character.
Is #686d5f suitable for text backgrounds?
Because of its relatively dark and saturated nature, #686d5f works best as a large-scale background element or a secondary accent color. If using it behind text, ensure your typography is set in a high-contrast off-white or light neutral to maintain essential readability.
Is #686d5f readable on white or black?
#686d5f has a 5.32:1 contrast ratio on white and 3.94: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.