#686667 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy grey acts as a stable foundation for minimal layouts and technical interfaces. While it offers enough contrast for legible body text against white, the hex code #686667 functions best as a supporting neutral rather than a dominant color. Pair it with soft ochre or muted teal to prevent the palette from feeling too dusty or stagnant in your final design work.
Questions about #686667
What is #686667 in RGB, HSL and CMYK?
In RGB, #686667 is rgb(104, 102, 103), in HSL hsl(330, 1%, 40%) and in CMYK 0%, 2%, 1%, 59%. Browse more shades of gray with names and hex codes.
What colors pair well with #686667 for a balanced palette?
Is #686667 readable on white or black?
#686667 has a 5.69:1 contrast ratio on white and 3.68: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.