#3B82FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and incredibly vivid, #3b82ff commands attention in any interface. Because it is so bright, this color works best as a 10% accent for calls to action or highlights rather than a full background. Pair it with dark charcoal for high-contrast accessibility, as black text reads clearly over it. You can see other shades of blue for less aggressive options. The hex code for this blue is #3b82ff.
Questions about #3b82ff
What is #3b82ff in RGB, HSL and CMYK?
In RGB, #3b82ff is rgb(59, 130, 255), in HSL hsl(218, 100%, 62%) and in CMYK 77%, 49%, 0%, 0%.
What makes #3b82ff effective in digital design?
The intense saturation of #3b82ff makes it an ideal choice for primary call-to-action buttons or interactive elements where you need high visibility. Because it is so bright, it commands user attention immediately when used sparingly against neutral backgrounds.
Is #3b82ff readable on white or black?
#3b82ff has a 3.60:1 contrast ratio on white and 5.82: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.