#677982 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits comfortably between steel grey and storm cloud. Because it lacks saturation, #677982 works as an excellent neutral base for tech and financial interfaces that require a serious tone. It pairs well with warm, sandy beiges to soften the edges. Black text maintains high readability here, making this hex code a reliable choice for small body copy.
Questions about #677982
What is #677982 in RGB, HSL and CMYK?
In RGB, #677982 is rgb(103, 121, 130), in HSL hsl(200, 12%, 46%) and in CMYK 21%, 7%, 0%, 49%. Browse more shades of gray with names and hex codes.
What makes #677982 a strong choice for UI design?
The low-saturation profile of #677982 creates a calm, professional aesthetic perfect for data-heavy interfaces or financial dashboards. Because it sits between grey and blue, it offers personality without looking flat, while remaining neutral enough to support clear typography and interactive elements.
Which colors pair effectively with #677982?
Soften the cool edge of #677982 by pairing it with warm, sandy beiges or a creamy off-white for a balanced, approachable palette. For higher contrast, it works well alongside charcoal, which anchors the design while maintaining a serious, grounded, and professional tone.
Is #677982 readable on white or black?
#677982 has a 4.53:1 contrast ratio on white and 4.63: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 for body text. Try other pairs in the contrast checker.