#686C72 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy blue-grey carries a reserved, professional mood suitable for corporate or technology branding. Because it is highly muted, #686c72 functions best as a supporting tone or background color rather than a primary focus. Pair it with crisp white to meet readability standards for body text, or contrast it against warm, earthy accents to prevent the palette from feeling too cold or industrial. The hex code is #686c72.
Questions about #686c72
What is #686c72 in RGB, HSL and CMYK?
In RGB, #686c72 is rgb(104, 108, 114), in HSL hsl(216, 5%, 43%) and in CMYK 9%, 5%, 0%, 55%. Browse more shades of gray with names and hex codes.
What colors pair well with #686c72?
Because #686c72 is a desaturated blue-grey, it pairs effectively with crisp white for readability or warmer, earthy tones like terracotta to add life. It also maintains a professional aesthetic when accented by deep navy or muted olive tones.
Does #686c72 work well as a text color?
The color #686c72 is often too light to meet high-contrast accessibility standards when placed on white backgrounds. It works best as a secondary or supporting color rather than primary body text, or when used on very dark surfaces where contrast remains sharp.
Is #686c72 readable on white or black?
#686c72 has a 5.28:1 contrast ratio on white and 3.97: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.