#386FF0 Hex Color

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

Hex color #386ff0 graphic
Think of cobalt glass held up to the sun. #386ff0 is a saturated, cool blue that stays bold even at small sizes. Its intensity works best as an accent or button color; as a full background it can get loud fast. It flatters warm coral and soft amber, and black text passes AA contrast on it at 4.7:1. The hex code for this blue is #386ff0.

Questions about #386ff0

What is #386ff0 in RGB, HSL and CMYK?
In RGB, #386ff0 is rgb(56, 111, 240), in HSL hsl(222, 86%, 58%) and in CMYK 77%, 54%, 0%, 6%.
What text color works on #386ff0?
Black text on #386ff0 reaches about 4.7:1 contrast, which passes WCAG AA for body text. White text lands just under 4.5:1, so save it for large headings only.
What colors pair well with #386ff0?
Warm hues like coral and amber balance #386ff0's cool intensity, while charcoal deepens it for a serious palette. Skip other bright blues, since they compete rather than complement.
Is #386ff0 readable on white or black?
#386ff0 has a 4.46:1 contrast ratio on white and 4.70:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.