#3982FA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-chroma and intensely saturated, #3982fa demands immediate visual attention. This electric blue functions best as a call-to-action button or UI accent rather than a full page background. It provides excellent readability with black text, offering a 5.7:1 contrast ratio. Pair it with soft, warm grays to ground the color. The hex code for this bright, commanding shade is #3982fa.
Questions about #3982fa
What is #3982fa in RGB, HSL and CMYK?
In RGB, #3982fa is rgb(57, 130, 250), in HSL hsl(217, 95%, 60%) and in CMYK 77%, 48%, 0%, 2%.
How should I use #3982fa in a UI design?
Reserve #3982fa for high-priority interactive elements like primary call-to-action buttons or navigation highlights. Because of its intense saturation, using it as a large background risks overwhelming the user and causing visual fatigue, so pair it with neutral light gray backgrounds to ground the intensity.
What text color works best on top of #3982fa?
White text is almost always the superior choice for readability when placed directly on #3982fa. This combination provides a strong contrast ratio that meets accessibility standards, whereas black text often creates a muddy effect that is difficult to read due to the color's vibrant intensity.
Is #3982fa readable on white or black?
#3982fa has a 3.65:1 contrast ratio on white and 5.74: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.