#3B4D73 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue feels heavy and serious, lacking the brightness of primary shades. With its low saturation, #3b4d73 works best as a solid background color for professional tech or financial interfaces. It offers enough contrast for white text, ensuring readability. Pair this hex code with a soft cream or muted mustard to keep the palette from feeling too cold or bleak.
Questions about #3b4d73
What is #3b4d73 in RGB, HSL and CMYK?
In RGB, #3b4d73 is rgb(59, 77, 115), in HSL hsl(221, 32%, 34%) and in CMYK 49%, 33%, 0%, 55%.
What color schemes work best with #3b4d73?
To balance the cold, heavy nature of #3b4d73, pair it with warmer, desaturated tones like a soft cream or a muted mustard. These combinations prevent the interface from feeling too bleak while maintaining a professional, accessible, and high-contrast look for text.
Is #3b4d73 suitable for text-heavy user interfaces?
Yes, #3b4d73 provides excellent readability when used as a background color for white or off-white text. Because it is a low-saturation, serious blue, it reduces eye strain during extended use, making it an ideal choice for complex financial or data-driven software dashboards.
Is #3b4d73 readable on white or black?
#3b4d73 has a 8.41:1 contrast ratio on white and 2.49: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.