#3E5768 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue carries a serious and grounded quality due to its low saturation. Because it reads as a sophisticated neutral, it works best as a background color for professional interfaces like finance or tech dashboards. With a strong contrast ratio of 7.6:1 against white, #3e5768 maintains excellent legibility. Pair this hex code with soft ochre or muted cream to prevent the design from feeling too clinical.
Questions about #3e5768
What is #3e5768 in RGB, HSL and CMYK?
In RGB, #3e5768 is rgb(62, 87, 104), in HSL hsl(204, 25%, 33%) and in CMYK 40%, 16%, 0%, 59%. Browse more shades of blue with names and hex codes.
Which color palettes work best with #3e5768?
To prevent #3e5768 from feeling too clinical, pair it with warm, earthy tones like soft ochre or muted cream. These contrasting hues ground the cool, serious nature of the blue, adding a layer of sophisticated warmth to your UI.
Is #3e5768 readable on white or black?
#3e5768 has a 7.58:1 contrast ratio on white and 2.76: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.