#374E6F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This slate blue is muted and dusty, making it ideal for professional UIs or tech branding. The hex code for this color is #374e6f. It carries an air of reliability and serious, understated control. Because this shade is dark and desaturated, white text renders with excellent clarity against it. This makes it a dependable choice for backgrounds where readability remains the primary design goal.
Questions about #374e6f
What is #374e6f in RGB, HSL and CMYK?
In RGB, #374e6f is rgb(55, 78, 111), in HSL hsl(215, 34%, 33%) and in CMYK 50%, 30%, 0%, 56%.
Where should I use #374e6f in my design system?
#374e6f functions best as a primary action color or a background anchor for data-heavy applications. Because of its desaturated, professional tone, it provides enough visual weight to ground a layout without overwhelming the user or competing with your primary content.
What colors pair well with #374e6f?
This shade works effectively with crisp off-white or very pale grays to maximize readability for text. For secondary accents, try pairing it with a muted terracotta or a soft mustard to create a sophisticated, balanced contrast that feels modern.
Is #374e6f readable on white or black?
#374e6f has a 8.46:1 contrast ratio on white and 2.48: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.