#686768 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of gray with names and hex codes →
#686768 is a mid-tone, dusty grey that carries a reserved and professional character. Because it sits at a balanced saturation level, it serves as a reliable anchor for interface backgrounds or typography. White text maintains strong readability against this shade, comfortably exceeding WCAG AA standards. When designing, pair it with desaturated blues or soft terracotta to prevent the palette from feeling flat.
Questions about #686768
What is #686768 in RGB, HSL and CMYK?
In RGB, #686768 is rgb(104, 103, 104), in HSL hsl(300, 0%, 41%) and in CMYK 0%, 1%, 0%, 59%.
What makes #686768 a strong choice for UI design?
This shade acts as a reliable neutral anchor because its balanced saturation level ensures white text remains highly legible against it. It comfortably exceeds WCAG AA accessibility standards, making it a safe, professional selection for background elements or secondary typography.
Which color combinations work well with #686768?
Because #686768 is a desaturated grey, it benefits from pairing with colors that introduce slight warmth or depth to prevent the palette from feeling flat. Try combining this shade with terracotta for contrast or muted blue hues to enhance its reserved character.
Is #686768 readable on white or black?
#686768 has a 5.63:1 contrast ratio on white and 3.72: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.