#3D7895 Hex Color

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

Hex color #3d7895 graphic
#3d7895 is an ashy, desaturated blue that feels professional and grounded. Its muted quality works well in conservative industries like finance or law enforcement where clarity matters. Because it provides a strong 4.9:1 contrast ratio against white text, it serves as a readable background for UI panels. Pair this hex code with a soft sand tone to avoid a clinical, cold finish in your final design.

Questions about #3d7895

What is #3d7895 in RGB, HSL and CMYK?
In RGB, #3d7895 is rgb(61, 120, 149), in HSL hsl(200, 42%, 41%) and in CMYK 59%, 19%, 0%, 42%.
Which colors complement #3d7895 for a balanced design?
Pair #3d7895 with sand or soft beige tones to create a grounded, inviting palette that avoids a cold appearance. These neutral earth tones soften the inherent sterility of the blue, making it suitable for modern corporate interfaces and document backgrounds.
Is #3d7895 suitable for UI text or backgrounds?
The color #3d7895 works exceptionally well as a background choice for UI panels because it offers a 4.9:1 contrast ratio against white text. This balance ensures high readability while maintaining the professional, authoritative feel required for finance or law enforcement dashboards.
Is #3d7895 readable on white or black?
#3d7895 has a 4.86:1 contrast ratio on white and 4.31: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.