#3D5E78 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3d5e78 is a dark, muted blue with cool gray undertones and a matte, restrained finish. Its low saturation brings seriousness and control to finance, technology, government, and healthcare designs. Use this hex code as a supporting background or navigation tone, paired with warm ivory or muted brass. White text reaches about 6.8:1 contrast, meeting WCAG AA for body text.
Questions about #3d5e78
What is #3d5e78 in RGB, HSL and CMYK?
In RGB, #3d5e78 is rgb(61, 94, 120), in HSL hsl(206, 33%, 35%) and in CMYK 49%, 22%, 0%, 53%. Browse more shades of blue with names and hex codes.
What colors pair well with #3d5e78?
#3d5e78 pairs well with warm ivory, muted brass, and pale blue-gray accents, which soften its cool, restrained base without competing with it. These combinations work especially well in navigation, dashboards, and professional interfaces where clarity matters.
Does #3d5e78 work with white text?
#3d5e78 supports white text at roughly a 6.8:1 contrast ratio, which meets WCAG AA for normal body text and makes it a practical choice for dark headers, navigation bars, and readable interface panels.
What mood does #3d5e78 create?
#3d5e78 creates a serious, controlled mood through its dark value, low saturation, and cool gray undertone. It fits finance, technology, government, and healthcare layouts when you need a steady supporting color rather than a bright focal accent.
Is #3d5e78 readable on white or black?
#3d5e78 has a 6.83:1 contrast ratio on white and 3.07: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.