#3686F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3686f7 is a high-energy, saturated blue that demands immediate attention. Due to its intensity, it works best as a 10% accent color for calls to action rather than a dominant background. It pairs exceptionally well with charcoal grays and slate tones for a professional look. If you need mixing gray advice to balance this hex code, prioritize darker neutrals to ground the brightness.
Questions about #3686f7
What is #3686f7 in RGB, HSL and CMYK?
In RGB, #3686f7 is rgb(54, 134, 247), in HSL hsl(215, 92%, 59%) and in CMYK 78%, 46%, 0%, 3%.
What colors pair best with #3686f7?
Because #3686f7 is so saturated, it works best when anchored by dark, neutral tones like charcoal or deep slate. These grounding colors prevent the brightness of the blue from overwhelming your design while keeping the overall aesthetic professional.
Should #3686f7 be used as a background color?
Using #3686f7 as a dominant background color is usually too intense for the eye and can make text difficult to read. It is much more effective as a targeted accent for buttons or icons where you need immediate user engagement.
Is #3686f7 readable on white or black?
#3686f7 has a 3.55:1 contrast ratio on white and 5.90: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.