#687A89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#687a89 is a muted blue with ashy gray undertones and a matte, dusty finish. Its medium-dark value feels controlled and dependable, making it useful for security, finance, healthcare, and technology interfaces. Use it as a supporting tone with warm off-white or muted terracotta, since large areas can look flat beside stark white. The hex code is #687a89.
Questions about #687a89
What is #687a89 in RGB, HSL and CMYK?
In RGB, #687a89 is rgb(104, 122, 137), in HSL hsl(207, 14%, 47%) and in CMYK 24%, 11%, 0%, 46%. Browse more shades of gray with names and hex codes.
What colors pair well with #687a89?
Pair #687a89 with warm off-white for clean layouts, or use muted terracotta as a restrained accent; charcoal text adds stronger definition, while these warmer companions keep the gray-blue from looking cold or washed out.
Where does #687a89 work best in a design?
#687a89 works best as a supporting background, panel color, or medium-size block rather than a dominant page fill. Its muted, medium-dark value can look flat across large areas, especially beside bright white.
Is #687a89 readable on white or black?
#687a89 has a 4.43:1 contrast ratio on white and 4.73: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.