#5B78E8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5b78e8 graphic
#5b78e8 is a vivid, high-energy blue that commands attention without feeling aggressive. Because of its intensity, it functions best as a focused accent or a call to action rather than a background. Use it sparingly to guide user eyes across an interface. Black text maintains a 5.3:1 contrast ratio against this hue, ensuring good accessibility for fine details. The hex code for this blue is #5b78e8.

Questions about #5b78e8

What is #5b78e8 in RGB, HSL and CMYK?
In RGB, #5b78e8 is rgb(91, 120, 232), in HSL hsl(228, 75%, 63%) and in CMYK 61%, 48%, 0%, 9%.
Where should I use #5b78e8 in a design layout?
#5b78e8 functions best as a focused accent or a call to action button rather than a background color. Its high intensity draws the eye immediately, making it perfect for primary interactive elements that need to stand out from neutral UI components.
Is #5b78e8 readable on white or black?
#5b78e8 has a 3.96:1 contrast ratio on white and 5.29: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.