#3E5469 Hex Color

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

Hex color #3e5469 graphic
This dusty, muted blue sits on the darker side of the spectrum, providing a serious foundation for professional interfaces. Its desaturated character works well in tech and finance applications where reliability is the priority. The hex code #3e5469 offers high contrast with white text. Use it as a solid background color for dark mode designs, as it avoids the harshness of true black while remaining grounded.

Questions about #3e5469

What is #3e5469 in RGB, HSL and CMYK?
In RGB, #3e5469 is rgb(62, 84, 105), in HSL hsl(209, 26%, 33%) and in CMYK 41%, 20%, 0%, 59%.
Where should I use #3e5469 in a user interface?
#3e5469 works best as a solid background color for professional applications or dark-themed dashboards. It avoids the harshness of true black while maintaining a grounded, serious aesthetic that pairs perfectly with white or light gray typography for high readability.
What colors pair well with the dusty tone of #3e5469?
Because #3e5469 is a desaturated blue, it anchors well against soft, off-white neutrals or crisp white text. For accent colors, it creates a sophisticated balance when paired with muted teals or subtle, cool-toned grays, keeping the interface feeling clean and orderly.
Is #3e5469 readable on white or black?
#3e5469 has a 7.84:1 contrast ratio on white and 2.67: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.