#3B82F6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3b82f6 is a high-octane, saturated blue that demands immediate attention. Due to its intensity, use it as a UI accent or call-to-action rather than a background. Black text remains readable against this shade with a 5.7:1 contrast ratio. If you want to tone down this brightness, knowing what colors make gray helps you find a better balance. The hex code for this shade is #3b82f6.
Questions about #3b82f6
What is #3b82f6 in RGB, HSL and CMYK?
In RGB, #3b82f6 is rgb(59, 130, 246), in HSL hsl(217, 91%, 60%) and in CMYK 76%, 47%, 0%, 4%.
What colors pair well with #3b82f6?
Is #3b82f6 readable on white or black?
#3b82f6 has a 3.67:1 contrast ratio on white and 5.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.