#778BF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention with its intense, electric personality. Because it leans cool and carries significant visual weight, #778bf9 serves best as a high-impact accent or CTA button rather than a primary background. It pairs exceptionally well with crisp white or dark gray text, as the contrast ratio is strong enough for clear readability in most UI designs. The hex code for this color is #778bf9.
Questions about #778bf9
What is #778bf9 in RGB, HSL and CMYK?
In RGB, #778bf9 is rgb(119, 139, 249), in HSL hsl(231, 92%, 72%) and in CMYK 52%, 44%, 0%, 2%.
Where should I use #778bf9 in a UI design?
#778bf9 works best as a punchy accent color or for primary call-to-action buttons where you need to guide user attention quickly. Because of its high saturation, avoid using it for large text blocks or full-screen backgrounds, as it can cause visual fatigue.
What colors pair well with #778bf9 for a balanced scheme?
#778bf9 anchors a design well when paired with neutral tones like charcoal or crisp white to manage its intensity. For a more adventurous palette, try balancing this blue with a contrasting warm orange to make the blue truly pop.
Is #778bf9 readable on white or black?
#778bf9 has a 3.06:1 contrast ratio on white and 6.84: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.