#686968 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, dusty grey serves as a stable foundation for professional interface design. Because it lacks strong chromatic undertones, it remains grounded and neutral in both print and digital layouts. The hex code for this color is #686968. It functions best as a background, and its value provides enough contrast for white text to meet accessibility standards. Pair it with bold, warm accents to prevent a flat, monochromatic look.
Questions about #686968
What is #686968 in RGB, HSL and CMYK?
In RGB, #686968 is rgb(104, 105, 104), in HSL hsl(120, 0%, 41%) and in CMYK 1%, 0%, 1%, 59%.
Does #686968 read as a warm or cool grey?
The #686968 shade is remarkably neutral, lacking strong chromatic bias toward either warmth or coolness. Because it lacks distinct undertones, it behaves like a true, balanced grey, making it an excellent choice when you need a background that will not clash with other UI elements.
What colors pair well with #686968 for a balanced design?
To prevent this flat grey from feeling dull, pair #686968 with high-contrast, warm accents like a deep terracotta or a saturated mustard yellow. These additions introduce necessary energy while keeping the overall composition professional and easy to read.
Is #686968 readable on white or black?
#686968 has a 5.51:1 contrast ratio on white and 3.80: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.