#3E42C2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3e42c2 graphic
This highly saturated indigo commands attention with its intense, electric character. Because it sits on the cooler end of the spectrum, #3e42c2 works best as a bold accent or call-to-action rather than a full background. Pair it with soft cream or warm metallics to ground its energy. The hex code #3e42c2 provides excellent contrast for white text, ensuring readability in UI applications.

Questions about #3e42c2

What is #3e42c2 in RGB, HSL and CMYK?
In RGB, #3e42c2 is rgb(62, 66, 194), in HSL hsl(238, 52%, 50%) and in CMYK 68%, 66%, 0%, 24%.
Where is #3e42c2 most effective in a UI design?
Use #3e42c2 specifically for high-contrast call-to-action buttons or navigation highlights where you need immediate user attention. Because it is highly saturated, it can overwhelm a layout if used as a primary background color for large sections of a webpage.
What colors balance the intensity of #3e42c2?
Balance the electric energy of #3e42c2 by pairing it with soft neutrals like cream or metallic tones like gold. These warmer, softer shades ground the intense nature of the indigo, preventing it from appearing too harsh when placed on a white background.
Is #3e42c2 readable on white or black?
#3e42c2 has a 7.60:1 contrast ratio on white and 2.76: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 is too faint for text. Try other pairs in the contrast checker.