#677E8B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a heavy grey undertone that feels grounded and professional. Because it is highly desaturated, #677e8b works best as a background tone or a supporting neutral in corporate UI, rather than a primary accent. It offers enough contrast to support black text for accessibility. Pair this hex code with crisp white or charcoal to maintain a clean, understated aesthetic for technology or finance interfaces.
Questions about #677e8b
What is #677e8b in RGB, HSL and CMYK?
In RGB, #677e8b is rgb(103, 126, 139), in HSL hsl(202, 15%, 47%) and in CMYK 26%, 9%, 0%, 45%.
How should I use #677e8b in a professional UI layout?
#677e8b works best as a background color or a muted secondary element, rather than a primary button color. Because it is highly desaturated, it pairs exceptionally well with crisp white or deep charcoal text to maintain a clean, high-contrast aesthetic that feels modern and corporate.
Is #677e8b considered a warm or cool color?
#677e8b is firmly a cool-toned color, defined by its heavy grey and slight blue composition. Its low saturation keeps it feeling calm and restrained, making it useful when you need to avoid the vibrancy of standard primary blues in your design work.
Is #677e8b readable on white or black?
#677e8b has a 4.25:1 contrast ratio on white and 4.93: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.