#3866F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3866f7 is a high-octane, saturated blue that demands attention. Because of its intense chroma, it works best as a punchy accent rather than a full background color, where it can easily overwhelm the eye. It pairs cleanly with stark white text for readable UI elements. The hex code for this electric shade is #3866f7, making it a reliable choice for CTA buttons and modern digital branding.
Questions about #3866f7
What is #3866f7 in RGB, HSL and CMYK?
In RGB, #3866f7 is rgb(56, 102, 247), in HSL hsl(226, 92%, 59%) and in CMYK 77%, 59%, 0%, 3%.
Where should I use #3866f7 in a website design?
#3866f7 works best as a high-visibility accent for call-to-action buttons, active states, or notification icons. Avoid using this intense blue for large background areas, as its high chroma can quickly cause eye fatigue for the user.
What colors pair well with #3866f7 for a balanced UI?
Pair #3866f7 with a clean off-white or a very light gray to ensure readability on buttons. For a modern, high-contrast palette, use it alongside charcoal or dark navy text to ground the design.
Is #3866f7 readable on white or black?
#3866f7 has a 4.75:1 contrast ratio on white and 4.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.