#3A677B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a677b is a muted steel blue with a clear gray undertone. Its low saturation and dim lightness give it a reserved, steady feel, which suits finance dashboards, healthcare interfaces, and moody brand palettes. White text passes AA on it at roughly 6.2:1 contrast, so it holds up as a dark UI background. Pair it with soft coral or warm sand to offset the chill.
Questions about #3a677b
What is #3a677b in RGB, HSL and CMYK?
In RGB, #3a677b is rgb(58, 103, 123), in HSL hsl(198, 36%, 35%) and in CMYK 53%, 16%, 0%, 52%.
What colors pair well with #3a677b?
Warm accents like soft coral, dusty rose, or sand lift its cool gray undertone. For a quieter palette, keep it next to charcoal and off-white neutrals.
Is #3a677b readable on white or black?
#3a677b has a 6.16:1 contrast ratio on white and 3.40: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.