#687C8B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue leans heavily into gray, offering a restrained, serious character. It works effectively as a stable background color for security or financial interfaces where clarity matters. Because it maintains good contrast ratios with black text, it stays readable even in smaller sizes. The hex code for this shade is #687c8b. Pair it with soft creams to prevent the palette from feeling too cold.
Questions about #687c8b
What is #687c8b in RGB, HSL and CMYK?
In RGB, #687c8b is rgb(104, 124, 139), in HSL hsl(206, 14%, 48%) and in CMYK 25%, 11%, 0%, 45%. Browse more shades of gray with names and hex codes.
How can I effectively use #687c8b in professional web design?
#687c8b functions perfectly as a neutral-leaning primary or secondary color for financial and data-driven dashboards. Because it carries a serious, grounded character, it balances well against white backgrounds while maintaining high readability for technical interfaces.
Which colors pair best with #687c8b to avoid a cold palette?
Is #687c8b readable on white or black?
#687c8b has a 4.33:1 contrast ratio on white and 4.84:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.