#3D4B56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty blue leans heavily into grey, offering a serious and muted appearance. Because of its low saturation, #3d4b56 functions best as a base for professional tech or finance interfaces. It provides excellent contrast for white text, making it a reliable choice for readable body content. Use it where you need a controlled, understated look rather than high-energy vibrance. The hex code for this shade is #3d4b56.
Questions about #3d4b56
What is #3d4b56 in RGB, HSL and CMYK?
In RGB, #3d4b56 is rgb(61, 75, 86), in HSL hsl(206, 17%, 29%) and in CMYK 29%, 13%, 0%, 66%.
Why does #3d4b56 work well for interface design?
#3d4b56 functions as a reliable alternative to pure black for UI components because its low saturation reduces harsh eye strain while maintaining excellent readability against light backgrounds. It bridges the gap between casual and strictly professional design aesthetics.
Which colors pair best with #3d4b56?
You can pair #3d4b56 with warm, muted tones like terracotta or soft cream to balance its cool greyish nature. Alternatively, monochromatic palettes using lighter slates help maintain a cohesive, sophisticated look across your entire user interface.
Is #3d4b56 readable on white or black?
#3d4b56 has a 8.97:1 contrast ratio on white and 2.33: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.