#3A81E3 Hex Color

A bold electric blue with digital precision

Hex color #3a81e3 graphic
This bright, electric blue commands immediate attention without feeling aggressive. It functions best as a high-visibility accent or call-to-action button rather than a primary background color. The hex code for this shade is #3a81e3. Because it offers strong contrast with black text, designers often use it for digital interfaces where clarity and reliable hierarchy matter. It pairs unexpectedly well with deep charcoal or warm slate tones.

Questions about #3a81e3

What is #3a81e3 in RGB, HSL and CMYK?
In RGB, #3a81e3 is rgb(58, 129, 227), in HSL hsl(215, 75%, 56%) and in CMYK 74%, 43%, 0%, 11%.
What colors pair well with #3a81e3 for design projects?
#3a81e3 works best when balanced against neutral foundations like deep charcoal or warm slate tones. These darker, muted grays provide enough visual weight to ground the electric intensity of the blue without competing for attention on the screen.
Is #3a81e3 suitable for large background areas?
Using #3a81e3 across large backgrounds often becomes visually overwhelming due to its high saturation and energy. It is much more effective as a precise accent color for buttons, icons, or interface elements where you need to draw the eye immediately.
Is #3a81e3 readable on white or black?
#3a81e3 has a 3.86:1 contrast ratio on white and 5.42: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.