#377CF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#377cf6 is a high-chroma, intense blue that commands attention without feeling aggressive. This hex code serves best as a purposeful accent color for buttons or primary UI highlights rather than a full-page background, where its saturation can become overwhelming. It pairs effectively with clean off-whites or soft greys to maintain legibility. Check other shades of blue if this tone feels too loud for your current project.
Questions about #377cf6
What is #377cf6 in RGB, HSL and CMYK?
In RGB, #377cf6 is rgb(55, 124, 246), in HSL hsl(218, 91%, 59%) and in CMYK 78%, 50%, 0%, 4%.
Does #377cf6 work well for large background areas?
#377cf6 is a highly saturated blue that can quickly overwhelm the eyes when applied to large backgrounds. Reserve this intensity for strategic UI elements like primary buttons or notification badges where you want to draw the user’s immediate focus.
What neutral colors pair best with #377cf6?
Pair #377cf6 with off-white or soft greys to balance its high energy. These neutral pairings keep the interface readable and professional, preventing the vibrant blue from clashing or becoming visually distracting in a standard layout.
Is #377cf6 readable on white or black?
#377cf6 has a 3.90:1 contrast ratio on white and 5.37: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.