#3D4C70 Hex Color

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

Hex color #3d4c70 graphic
This dusty, muted blue sits on the darker side of the spectrum, offering a serious and restrained aesthetic. Because #3d4c70 feels professional and reliable, it works well as a grounding background for finance or tech dashboards. Use it with high-contrast white text to maintain readability, as its low saturation can appear muddy if paired with other dark, cool tones.

Questions about #3d4c70

What is #3d4c70 in RGB, HSL and CMYK?
In RGB, #3d4c70 is rgb(61, 76, 112), in HSL hsl(222, 29%, 34%) and in CMYK 46%, 32%, 0%, 56%.
Where should I use #3d4c70 in a design project?
#3d4c70 is a highly reliable choice for professional dashboard backgrounds or corporate UI components where you need to convey stability without visual intensity. Because it is a muted, darker shade, it creates a serious aesthetic that anchors your layout effectively.
What colors pair well with #3d4c70?
You should pair #3d4c70 with white or very light off-white tones to ensure maximum readability against its darker saturation. For accent colors, it works surprisingly well with soft terracotta or warm gold to balance out its cool, restrained undertones.
Is #3d4c70 readable on white or black?
#3d4c70 has a 8.51:1 contrast ratio on white and 2.46: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.