#374D5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits between steel and slate. Because it has low saturation and significant depth, #374d5f works well as a serious background tone in tech or finance interfaces. It pairs effectively with warm creams or metallic accents to break up its monochromatic, inky appearance. If you want to understand how to mix gray into your palette, this is a prime example of desaturated utility.
Questions about #374d5f
What is #374d5f in RGB, HSL and CMYK?
In RGB, #374d5f is rgb(55, 77, 95), in HSL hsl(207, 27%, 29%) and in CMYK 42%, 19%, 0%, 63%. Browse more shades of blue with names and hex codes.
What colors pair well with #374d5f for a balanced interface?
Pair #374d5f with cream or soft metallic tones to soften its inky appearance and create a sophisticated, high-contrast look. These warmer accents prevent the deep blue from feeling too cold while maintaining a professional and serious aesthetic for web applications.
Is #374d5f suitable for text on a white background?
Yes, #374d5f generally offers excellent contrast against pure white backgrounds, often meeting accessibility requirements for standard body text. Its deep saturation provides high readability without the harshness of a true black, making it a popular choice for modern, eye-friendly design systems.
Is #374d5f readable on white or black?
#374d5f has a 8.78:1 contrast ratio on white and 2.38: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 is too faint for text. Try other pairs in the contrast checker.