#686B6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for this grey when a plain white background feels too stark. #686b6b is a muted mid grey with a faint cool edge, steady enough to carry UI backgrounds and product design without stealing attention. White text reads at about 5.4:1 contrast on it, clearing AA for body copy. It works best as a supporting tone, since it can look flat beside bright accents.
Questions about #686b6b
What is #686b6b in RGB, HSL and CMYK?
In RGB, #686b6b is rgb(104, 107, 107), in HSL hsl(180, 1%, 41%) and in CMYK 3%, 0%, 0%, 58%.
What colors pair well with #686b6b?
Warm accents like terracotta, ochre, and burnt orange bring life to #686b6b, since the grey has almost no saturation to compete with. Muted blues and deep greens also sit comfortably beside it.
Is #686b6b readable on white or black?
#686b6b has a 5.37:1 contrast ratio on white and 3.90: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.