#395CA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue carries a serious and cool temperament. Because it is somewhat desaturated, #395ca3 functions well as a reliable base or background for corporate and tech-focused interfaces. It offers enough contrast for white text to remain readable at small sizes. Pair this hex code with a soft cream or light gray to balance its darker, more professional edges.
Questions about #395ca3
What is #395ca3 in RGB, HSL and CMYK?
In RGB, #395ca3 is rgb(57, 92, 163), in HSL hsl(220, 48%, 43%) and in CMYK 65%, 44%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair best with #395ca3 for interface design?
#395ca3 pairs exceptionally well with cream or light gray tones to balance its serious, darker edges. Using high-contrast white text ensures the best readability for small buttons or navigation elements within a professional, tech-focused interface.
Does #395ca3 work well for corporate branding?
Yes, #395ca3 communicates stability and trustworthiness, making it a reliable choice for corporate or enterprise software applications. Its desaturated nature prevents it from looking overly aggressive while maintaining enough authority to serve as a primary color for headers or call-to-action buttons.
Is #395ca3 readable on white or black?
#395ca3 has a 6.49:1 contrast ratio on white and 3.23: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.