#686364 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, dusty grey sits firmly in neutral territory. Because of its muted character, the hex code #686364 works best as a stabilizing background or secondary UI element. It feels professional and restrained, pairing well with stark white accents to sharpen the contrast. Use it when you need a grounding foundation that avoids the sterile brightness of pure grey.
Questions about #686364
What is #686364 in RGB, HSL and CMYK?
In RGB, #686364 is rgb(104, 99, 100), in HSL hsl(348, 2%, 40%) and in CMYK 0%, 5%, 4%, 59%.
How does #686364 perform in user interface design?
#686364 serves as an excellent stabilizing background or secondary UI element because it avoids the harsh, sterile brightness of pure greys. It provides a professional, restrained feel that helps guide user attention toward higher-contrast interactive elements like buttons or primary text.
What colors pair well with #686364?
#686364 works best when paired with stark, high-contrast accents like crisp white or even deeper charcoal to create depth. Because it is a balanced neutral, it also supports soft, muted earth tones or even subtle pops of terracotta for a modern, sophisticated color scheme.
Is #686364 readable on white or black?
#686364 has a 5.90:1 contrast ratio on white and 3.55: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.