#3B71DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-energy, vivid blue, #3b71dc commands attention without feeling aggressive. This hex code works best as a primary action color or a highlight in UI designs where reliability is key. Because it hits a sweet spot in saturation, white text remains readable against it. Pair it with soft, desaturated grays to anchor its intensity and keep your interface from becoming overwhelming.
Questions about #3b71dc
What is #3b71dc in RGB, HSL and CMYK?
In RGB, #3b71dc is rgb(59, 113, 220), in HSL hsl(220, 70%, 55%) and in CMYK 73%, 49%, 0%, 14%.
Does #3b71dc work well as a primary interface color?
#3b71dc functions effectively as a primary action color because it balances high-energy saturation with clear readability. It commands user attention for buttons or call-to-action elements without appearing overly aggressive or straining the eye against standard white background surfaces.
Which neutral colors pair best with #3b71dc?
Soft, desaturated grays are the best companions for #3b71dc, as they anchor its intensity without competing for visual dominance. Using a light slate or warm gray helps ground the interface while keeping the blue vibrant and intentional.
Is #3b71dc readable on white or black?
#3b71dc has a 4.58:1 contrast ratio on white and 4.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.