#396EA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a steady, industrial tone that works well for corporate branding and secure digital interfaces. Because it lacks extreme vibrancy, #396ea3 functions best as a base color or primary UI element rather than an accent. Pair it with crisp cream or light gray to keep the composition from feeling too heavy. It meets WCAG AA standards for readability with white text.
Questions about #396ea3
What is #396ea3 in RGB, HSL and CMYK?
In RGB, #396ea3 is rgb(57, 110, 163), in HSL hsl(210, 48%, 43%) and in CMYK 65%, 33%, 0%, 36%.
What colors pair best with #396ea3 in a design system?
This blue pairs effectively with cream or light gray to prevent the design from feeling too heavy or clinical. Because of its unsaturated nature, it acts best as a neutral foundation that lets high-contrast accent colors stand out on screen.
Is #396ea3 readable on white or black?
#396ea3 has a 5.33:1 contrast ratio on white and 3.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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.