#374752 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #374752 graphic
This muted, ink-blue sits in a dark, dusty space between slate and navy. Because it is highly desaturated, #374752 acts as a steady, professional base for finance or tech branding. It offers enough contrast for white text, making it a functional choice for dark mode UI backgrounds. Pair this hex code with soft corals or muted golds to prevent the overall design from feeling too cold.

Questions about #374752

What is #374752 in RGB, HSL and CMYK?
In RGB, #374752 is rgb(55, 71, 82), in HSL hsl(204, 20%, 27%) and in CMYK 33%, 13%, 0%, 68%.
What colors pair well with #374752 for UI design?
#374752 works best alongside soft coral or muted gold accents to warm up its cool, industrial nature. These complementary tones prevent the overall interface from feeling too cold or sterile while maintaining a professional, balanced contrast for buttons and call-to-actions.
Is #374752 a good choice for dark mode backgrounds?
Yes, #374752 functions as an excellent dark mode background because it offers enough contrast for white text while feeling less harsh than pure black. Its desaturated, ink-blue base creates a sophisticated depth that remains legible and comfortable for extended screen reading.
Is #374752 readable on white or black?
#374752 has a 9.60:1 contrast ratio on white and 2.18: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.