#3986F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3986f9 is a highly saturated, electric blue that demands attention. Because of its intensity, it works best as a punchy UI accent rather than a large background. Tech brands often use this hex code for effective call-to-action buttons. Black text reads clearly on this shade, meeting a 6.0:1 contrast ratio, which provides excellent legibility for small design elements.
Questions about #3986f9
What is #3986f9 in RGB, HSL and CMYK?
In RGB, #3986f9 is rgb(57, 134, 249), in HSL hsl(216, 94%, 60%) and in CMYK 77%, 46%, 0%, 2%.
Where should I use #3986f9 in my designs?
#3986f9 works best as a punchy UI accent rather than a large background color because of its high saturation. It is an excellent choice for call-to-action buttons, notification badges, or interactive elements that need to capture user attention quickly.
Is #3986f9 readable on white or black?
#3986f9 has a 3.52:1 contrast ratio on white and 5.95: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.