#3A86FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue demands immediate attention. Because it is so loud, use #3a86ff primarily as a small accent or call-to-action button rather than a large background. It pairs well with charcoal grays for a modern tech look. With a contrast ratio of 6.0:1 against black, it remains accessible for small text. The hex code for this electric blue is #3a86ff.
Questions about #3a86ff
What is #3a86ff in RGB, HSL and CMYK?
In RGB, #3a86ff is rgb(58, 134, 255), in HSL hsl(217, 100%, 61%) and in CMYK 77%, 47%, 0%, 0%.
How can I use #3a86ff effectively in interface design?
#3a86ff is highly saturated, so use it sparingly to avoid overwhelming the user. It functions best as an accent color for primary buttons, toggle switches, or interactive elements that need to grab immediate attention against a neutral, dark background.
What colors pair well with #3a86ff?
Pair #3a86ff with deep charcoal or soft neutral grays to create a clean, contemporary tech aesthetic. The high contrast between the electric blue and dark grays ensures the accent color pops without sacrificing the overall readability of the interface.
Is #3a86ff readable on white or black?
#3a86ff has a 3.48:1 contrast ratio on white and 6.03: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.