#3870FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and highly saturated, #3870ff is a cool blue with an electric character. Its strong presence suits calls to action, security interfaces, finance brands, and technology accents, but it can overpower large backgrounds. Pair it with navy or warm off-white for balance. The hex code #3870ff supports black body text at about a 4.9:1 contrast ratio.
Questions about #3870ff
What is #3870ff in RGB, HSL and CMYK?
In RGB, #3870ff is rgb(56, 112, 255), in HSL hsl(223, 100%, 61%) and in CMYK 78%, 56%, 0%, 0%.
What colors pair well with #3870ff?
Navy and warm off-white pair well with #3870ff because they soften its electric saturation, while a restrained orange accent can provide complementary contrast for buttons, highlights, or small graphic details without taking over the layout.
Where does #3870ff work best in a design?
#3870ff works best as a call-to-action color, link, status accent, or focused interface element, where its high saturation draws attention; use it more sparingly on large surfaces and pair it with calm neutrals to reduce visual fatigue.
Is #3870ff readable on white or black?
#3870ff has a 4.25:1 contrast ratio on white and 4.92: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.