#686B5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#686b5f is an ashy, dusty yellow with olive-gray undertones and low saturation. Its medium-dark value feels practical yet optimistic, fitting budget, construction, or sale-focused designs without looking harsh. Use it as a supporting tone beside cream or rust, and choose white text for accessible small body copy, with about 5.4:1 contrast. The hex code is #686b5f.
Questions about #686b5f
What is #686b5f in RGB, HSL and CMYK?
In RGB, #686b5f is rgb(104, 107, 95), in HSL hsl(75, 6%, 40%) and in CMYK 3%, 0%, 11%, 58%.
What colors pair well with #686b5f?
#686b5f pairs well with cream, burgundy, and muted rust because warm accents bring out its dusty yellow undertone without making the palette loud. Use cream for space, burgundy for emphasis, and rust for a workwear-inspired direction.
Where does #686b5f work best in a design?
#686b5f works best as a supporting tone in construction, budget, and utility branding, where its medium-dark, low-saturation finish feels dependable without competing with brighter sale accents or clear information elements. Its muted surface can look muddy across a full background, so reserve it for panels, bands, or larger type.
Is #686b5f readable on white or black?
#686b5f has a 5.44:1 contrast ratio on white and 3.85: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.