#0086FF Hex Color
A high-energy, vibrant electric blue
An electric, high-chroma blue, #0086ff works best as a sharp accent rather than a full page background. It commands the eye in modern tech interfaces, particularly for high-click buttons. The hex code #0086ff provides excellent contrast against black text, making it a reliable choice for accessible UI components where readability matters most.
Questions about #0086ff
What is #0086ff in RGB, HSL and CMYK?
In RGB, #0086ff is rgb(0, 134, 255), in HSL hsl(208, 100%, 50%) and in CMYK 100%, 47%, 0%, 0%.
Where should I use #0086ff in a UI design?
#0086ff performs best as a high-visibility accent color for interactive elements like primary buttons, hover states, or active link indicators. Avoid using this saturated shade for large background areas, as it can overwhelm the eye and make text difficult to read.
What colors pair well with the electric #0086ff?
Pair #0086ff with neutral, dark shades like charcoal or deep slate to ground its intense vibrancy without sacrificing contrast. For a modern tech aesthetic, it also works effectively when balanced against a clean, crisp white or light silver background.
Is #0086ff readable on white or black?
#0086ff has a 3.58:1 contrast ratio on white and 5.85: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.