#3A5B75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue carries a serious and understated mood. Because it is highly unsaturated and dark, #3a5b75 works best as a stabilizing background or secondary tone in technical and corporate interfaces. It provides enough contrast to support white text easily. Use it for professional branding where you need a sense of reliability without the intensity of a primary, saturated navy.
Questions about #3a5b75
What is #3a5b75 in RGB, HSL and CMYK?
In RGB, #3a5b75 is rgb(58, 91, 117), in HSL hsl(206, 34%, 34%) and in CMYK 50%, 22%, 0%, 54%. Browse more shades of blue with names and hex codes.
When should I use #3a5b75 in UI design?
Use #3a5b75 as a stabilizing background or secondary accent when you need a professional, reliable mood without the intensity of a standard navy. It maintains excellent readability with white text, making it ideal for corporate interfaces requiring a calm, buttoned-up aesthetic.
What color combinations work best with #3a5b75?
This color pairs beautifully with soft creams or warm off-white to balance its cool, serious undertones. For a more modern, technical look, combine it with a sharp charcoal or light silver to maintain high contrast while keeping the palette monochromatic and professional.
Is #3a5b75 readable on white or black?
#3a5b75 has a 7.15:1 contrast ratio on white and 2.93: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.