#386BF2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #386bf2 graphic
#386bf2 is a vivid, saturated blue with a cool electric edge. Its high contrast against white makes it a strong choice for buttons, links, and calls to action, especially in tech and finance interfaces. Use it as a confident accent rather than a full background, since large fields of it can overwhelm. It pairs well with warm neutrals and soft creams, which tone down its intensity.

Questions about #386bf2

What is #386bf2 in RGB, HSL and CMYK?
In RGB, #386bf2 is rgb(56, 107, 242), in HSL hsl(224, 88%, 58%) and in CMYK 77%, 56%, 0%, 5%.
What colors pair well with #386bf2?
Warm neutrals like cream and soft beige balance its intensity, while charcoal adds contrast. Avoid pairing it with saturated greens or purples of similar brightness, as the combination can vibrate.
Is #386bf2 readable on white or black?
#386bf2 has a 4.61:1 contrast ratio on white and 4.55: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 for body text. Try other pairs in the contrast checker.