#3E50EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue commands attention without feeling aggressive. Because of its high chroma, #3e50ef works best as a punchy 10% accent rather than a full background. It pairs exceptionally well with charcoal grays for a tech-forward aesthetic. With a contrast ratio of 5.8:1, white text remains readable, making the hex code a reliable choice for high-visibility UI elements like calls to action.
Questions about #3e50ef
What is #3e50ef in RGB, HSL and CMYK?
In RGB, #3e50ef is rgb(62, 80, 239), in HSL hsl(234, 85%, 59%) and in CMYK 74%, 67%, 0%, 6%.
Where should I use #3e50ef in my UI design?
#3e50ef works best as a punchy accent color for calls to action, buttons, or links rather than a full background. Its high chroma grabs attention quickly without overwhelming the user or feeling overly aggressive in a modern interface.
What colors pair well with #3e50ef for a tech-focused layout?
This blue creates a modern aesthetic when paired with charcoal or deep neutral grays. The high contrast between the cool, saturated blue and dark, muted tones establishes a professional hierarchy that feels both digital and sophisticated for web applications.
Is #3e50ef readable on white or black?
#3e50ef has a 5.83:1 contrast ratio on white and 3.59: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.