#396FBF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue carries a cool, reliable presence that leans away from vivid saturation. Because it is steady and approachable, #396fbf works well as a primary brand color for finance or tech interfaces. It supports white text effectively, meeting accessibility standards for small body copy. Pair this hex code with soft grays or creams to keep the overall design feeling professional and grounded.
Questions about #396fbf
What is #396fbf in RGB, HSL and CMYK?
In RGB, #396fbf is rgb(57, 111, 191), in HSL hsl(216, 54%, 49%) and in CMYK 70%, 42%, 0%, 25%.
What colors pair best with #396fbf for a professional palette?
This mid-tone blue balances well with charcoal or soft neutral creams to keep designs feeling grounded and approachable. Avoid pairing it with high-contrast warm neons, as these can clash with the steady, professional nature of the shade.
Is #396fbf readable on white or black?
#396fbf has a 4.99:1 contrast ratio on white and 4.20: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.