#3A5C8F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious and reliable weight. Because of its desaturated, matte quality, #3a5c8f avoids the harsh brightness of primary tones, making it an excellent choice for corporate UI or professional branding. It works best as a supporting element rather than a dominant background. White text sits comfortably on this color, offering strong readability for body copy and data-heavy interfaces.
Questions about #3a5c8f
What is #3a5c8f in RGB, HSL and CMYK?
In RGB, #3a5c8f is rgb(58, 92, 143), in HSL hsl(216, 42%, 39%) and in CMYK 59%, 36%, 0%, 44%. Browse more shades of blue with names and hex codes.
What design context works best for #3a5c8f?
Use #3a5c8f as a supporting color in data-heavy interfaces or corporate layouts where you need to project stability without visual clutter. Its desaturated quality makes it an excellent backdrop for white text, ensuring high readability for body copy and technical documentation.
Which colors pair well with #3a5c8f?
Is #3a5c8f readable on white or black?
#3a5c8f has a 6.75:1 contrast ratio on white and 3.10: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.