#4A86FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-saturation electric blue, #4a86ff commands attention without feeling aggressive. This vivid tone functions best as a focused accent in UI design, especially for primary call-to-action buttons. It pairs unexpectedly well with deep charcoal grays, which ground the intensity of the hue. Because it offers strong contrast against black text, the hex code #4a86ff remains readable for most interface applications.
Questions about #4a86ff
What is #4a86ff in RGB, HSL and CMYK?
In RGB, #4a86ff is rgb(74, 134, 255), in HSL hsl(220, 100%, 65%) and in CMYK 71%, 47%, 0%, 0%.
Where should I use #4a86ff in UI design?
#4a86ff functions perfectly as a primary call-to-action color because it grabs attention while remaining highly legible against standard white backgrounds. Its high-saturation profile prevents it from blending into content, ensuring users immediately identify actionable buttons and interactive elements.
What colors pair well with #4a86ff?
This vibrant shade pairs best with deep, neutral tones like charcoal or slate gray, which anchor the intensity of the blue. When creating palettes, consider using it as a singular accent against monochromatic grayscale backgrounds to let the electric quality stand out.
Is #4a86ff readable on white or black?
#4a86ff has a 3.41:1 contrast ratio on white and 6.14: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.