#3E5D6C Hex Color

A serious and composed dusty blue

Hex color #3e5d6c graphic
This dusty, muted blue carries a serious and somber weight. Because #3e5d6c is highly desaturated, it functions best as a professional backdrop for corporate or technical interfaces. Pair it with crisp white text for excellent readability, as it offers a strong contrast ratio. The hex code for this reliable, moody shade is #3e5d6c, which brings a sense of grounded control to any design layout.

Questions about #3e5d6c

What is #3e5d6c in RGB, HSL and CMYK?
In RGB, #3e5d6c is rgb(62, 93, 108), in HSL hsl(200, 27%, 33%) and in CMYK 43%, 14%, 0%, 58%.
How should I use #3e5d6c in UI design?
#3e5d6c works effectively as a stable background or primary action color when paired with high-contrast text like white. Its muted, desaturated character prevents eye strain, making it an excellent choice for technical dashboards or professional corporate software interfaces.
Does #3e5d6c read as warm or cool?
This color reads as distinctly cool due to its strong blue base, though its high level of desaturation gives it a grounded, neutral quality. It lacks the vibrancy of pure blue, allowing it to function as a sophisticated alternative to slate or charcoal.
Is #3e5d6c readable on white or black?
#3e5d6c has a 7.03:1 contrast ratio on white and 2.98: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.