#3E5BC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3e5bc6 is a highly saturated, energetic blue that commands immediate attention. Its intensity makes it a poor choice for large backgrounds but an excellent option for bold buttons or call-to-action highlights. Because it offers strong contrast against white text, it maintains readability in interface design. Pair this hex code with a soft, muted grey to tone down its loudness.
Questions about #3e5bc6
What is #3e5bc6 in RGB, HSL and CMYK?
In RGB, #3e5bc6 is rgb(62, 91, 198), in HSL hsl(227, 54%, 51%) and in CMYK 69%, 54%, 0%, 22%.
How can I balance the intensity of #3e5bc6 in a design layout?
Since #3e5bc6 is quite loud, pair it with a neutral charcoal or a soft, desaturated grey to ground the palette. These neutrals prevent the blue from becoming visually overwhelming while still allowing its energetic character to stand out effectively.
Is #3e5bc6 readable on white or black?
#3e5bc6 has a 5.97:1 contrast ratio on white and 3.51: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.