#3D5B6F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels serious and controlled. Because it is highly unsaturated, #3d5b6f works well as a grounding base for professional UI or moody design systems. It pairs best with clean off-whites or soft greys to maintain legibility. White text offers excellent contrast over this hex code, making it a reliable choice for backgrounds in corporate or tech-focused applications.
Questions about #3d5b6f
What is #3d5b6f in RGB, HSL and CMYK?
In RGB, #3d5b6f is rgb(61, 91, 111), in HSL hsl(204, 29%, 34%) and in CMYK 45%, 18%, 0%, 56%.
What design aesthetic best suits #3d5b6f?
#3d5b6f works best in professional, controlled environments like corporate dashboards or tech-focused branding. Because it is highly unsaturated, it serves as an excellent neutral anchor that does not overwhelm the eyes while maintaining a sophisticated, modern appearance for interfaces.
Which colors pair best with #3d5b6f for UI design?
Is #3d5b6f readable on white or black?
#3d5b6f has a 7.18:1 contrast ratio on white and 2.92: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.