#3E7EFF Hex Color

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

Hex color #3e7eff graphic
High-intensity and saturated, #3e7eff commands immediate attention. This vivid blue works best as a primary accent for calls to action or UI highlights rather than a full background, where its brightness can feel overwhelming. It pairs effectively with deep charcoal text, as black offers the necessary contrast for readability. The hex code for this electric tone is #3e7eff.

Questions about #3e7eff

What is #3e7eff in RGB, HSL and CMYK?
In RGB, #3e7eff is rgb(62, 126, 255), in HSL hsl(220, 100%, 62%) and in CMYK 76%, 51%, 0%, 0%.
What is the best way to use #3e7eff in a UI design?
#3e7eff functions most effectively as an accent color for interactive elements like primary buttons or notification badges. Because of its extreme saturation, it can cause eye strain if applied to large background areas or extensive text blocks.
Which neutral colors pair best with #3e7eff?
This blue pairs naturally with deep charcoal or soft off-white tones to ensure maximum readability. Avoid pairing #3e7eff with medium-gray tones, as the lack of contrast will make the text appear blurry and difficult to read.
Is #3e7eff readable on white or black?
#3e7eff has a 3.72:1 contrast ratio on white and 5.63: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.