#3E4F70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Far from a vivid blue, #3e4f70 is a dusty, gray-heavy shade that reads serious and a little gloomy. Its low saturation suits supporting roles and dark UI backgrounds more than hero moments, where it can turn muddy. It looks richer against burgundy than against camel, and white text reaches about 8.2:1 contrast on it, well past WCAG AA. The hex code for this shade of blue is #3e4f70.
Questions about #3e4f70
What is #3e4f70 in RGB, HSL and CMYK?
In RGB, #3e4f70 is rgb(62, 79, 112), in HSL hsl(220, 29%, 34%) and in CMYK 45%, 29%, 0%, 56%.
What colors pair well with #3e4f70?
Burgundy is the strongest pairing for #3e4f70, since the warm red keeps the blue from reading flat. Muted brass and soft cream also work; skip bright cyans, which clash with its gray undertone.
Where does #3e4f70 work best in a design?
As a dominant base or supporting tone in finance, government, and healthcare layouts. Its muted, gloomy character fits dark mode backgrounds and serious branding; as a small accent it tends to vanish.
Is #3e4f70 readable on white or black?
#3e4f70 has a 8.21:1 contrast ratio on white and 2.55: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.