#396DCE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#396dce is a strong, saturated blue that reads bright and cool. That intensity works best as an accent for buttons, links, and calls to action. White text on it reaches about 4.9:1 contrast, enough for small body text under AA. Pair it with warm neutrals or muted tones; if you need softer supports, see what colors make gray. A solid pick for finance and tech branding.
Questions about #396dce
What is #396dce in RGB, HSL and CMYK?
In RGB, #396dce is rgb(57, 109, 206), in HSL hsl(219, 60%, 52%) and in CMYK 72%, 47%, 0%, 19%.
What colors pair well with #396dce?
#396dce pairs well with warm neutrals like cream and terracotta, which offset its cool brightness. Charcoal and deep navy also ground it for darker interfaces. Avoid pale blues next to it, or it can look washed out.
Is #396dce readable on white or black?
#396dce has a 4.93:1 contrast ratio on white and 4.25: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.