#686867 Hex Color

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

Hex color #686867 graphic
#686867 is a muted, mid-dark grey with an almost colorless, slightly dusty character. Its restrained lightness supports practical, professional layouts without drawing attention from content. Use it as a supporting tone in interfaces, typography, or product design, pairing it with off-white for softer contrast. White text achieves about 5.6:1 contrast. The hex code is #686867.

Questions about #686867

What is #686867 in RGB, HSL and CMYK?
In RGB, #686867 is rgb(104, 104, 103), in HSL hsl(60, 0%, 41%) and in CMYK 0%, 0%, 1%, 59%. Browse more shades of gray with names and hex codes.
What colors pair well with #686867?
Pair #686867 with off-white for soft contrast, or use muted blue and navy accents to add depth without making the palette feel bright. Its near-neutral base gives both warm and cool companions room to stand out.
Is #686867 warm or cool?
#686867 reads as a near-neutral grey rather than clearly warm or cool, with its slightly dusty, almost colorless character keeping the undertone subtle. Test it beside pure white or cream, since surrounding colors can shift its appearance.
Is #686867 readable on white or black?
#686867 has a 5.57:1 contrast ratio on white and 3.76: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.