#686552 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #686552 graphic
#686552 is a dark, muted yellow with gray and olive undertones. Its low saturation gives it a matte, ashy look that feels restrained rather than bright. The hex code #686552 works well as a supporting tone for construction, budget, or sale graphics, especially with white text, which reaches about 5.9:1 contrast and meets WCAG AA for body text.

Questions about #686552

What is #686552 in RGB, HSL and CMYK?
In RGB, #686552 is rgb(104, 101, 82), in HSL hsl(52, 12%, 36%) and in CMYK 0%, 3%, 21%, 59%. Browse more shades of gray with names and hex codes.
What colors pair well with #686552?
#686552 pairs well with burgundy, charcoal, cream, and warm white. Burgundy adds controlled energy, while charcoal keeps the palette understated and suitable for practical branding or editorial layouts.
Is #686552 readable on white or black?
#686552 has a 5.87:1 contrast ratio on white and 3.57: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.