#395EB9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated shade brings a sharp, cool intensity to digital interfaces and branding. As a bold mid-tone, #395eb9 functions best as a primary action color rather than a massive background fill, which can feel overpowering. It pairs effectively with soft, sandy neutrals if you are mixing gray into your palette. With a 6.0:1 contrast ratio against white, this hex code ensures excellent readability for body text.
Questions about #395eb9
What is #395eb9 in RGB, HSL and CMYK?
In RGB, #395eb9 is rgb(57, 94, 185), in HSL hsl(223, 53%, 47%) and in CMYK 69%, 49%, 0%, 27%.
What colors pair best with #395eb9 in a UI design?
#395eb9 pairs exceptionally well with sand or soft beige neutrals to balance its intensity. For a high-contrast UI, using white text ensures readability while maintaining the clean, professional feel of this electric blue.
Is #395eb9 suitable for primary call-to-action buttons?
Yes, #395eb9 functions as a highly effective primary action color because of its inherent saturation and cool intensity. It commands visual attention on the screen and maintains a strong 6.0:1 contrast ratio against white backgrounds for accessibility.
Is #395eb9 readable on white or black?
#395eb9 has a 6.04:1 contrast ratio on white and 3.47: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.