#364CF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold and highly saturated, this blue leans electric rather than deep. Use #364cf7 as an accent or call-to-action color; as a full background it can overpower a layout. It looks richer against charcoal or warm sand than against plain white, where it risks washing out. White text hits about 5.9:1 contrast, enough for AA body copy. The hex code #364cf7 sits comfortably among other shades of blue.
Questions about #364cf7
What is #364cf7 in RGB, HSL and CMYK?
In RGB, #364cf7 is rgb(54, 76, 247), in HSL hsl(233, 92%, 59%) and in CMYK 78%, 69%, 0%, 3%. Browse more shades of blue with names and hex codes.
What colors pair well with #364cf7?
Charcoal, warm sand, and soft cream ground its intensity, while coral or tangerine accents create strong complementary energy. Avoid large areas next to pure white, where the blue can read harsh.
Is #364cf7 readable on white or black?
#364cf7 has a 5.94:1 contrast ratio on white and 3.53: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.