#7378F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright indigo is loud and saturated, commanding immediate attention in any design. The hex code #7378f2 works best as a bold accent or a call to action button rather than a full page background. Because it has such high intensity, it pairs effectively with neutral grays if you are learning how to make gray. Use it sparingly to maintain visual balance.
Questions about #7378f2
What is #7378f2 in RGB, HSL and CMYK?
In RGB, #7378f2 is rgb(115, 120, 242), in HSL hsl(238, 83%, 70%) and in CMYK 52%, 50%, 0%, 5%.
Where should I use #7378f2 in a layout?
#7378f2 works best as a vibrant accent color, such as for buttons, call-to-action links, or icons, because its high saturation commands immediate attention. Avoid using it as a full-page background, as the intensity can cause eye strain.
What colors pair well with #7378f2?
This indigo pairs beautifully with neutral grays to ground its intensity, or you can create a high-contrast palette by adding soft coral or warm yellow for a balanced look. Keep other colors muted to let this shade pop.
Is #7378f2 readable on white or black?
#7378f2 has a 3.68:1 contrast ratio on white and 5.69: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.