#7D80E4 Hex Color

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

Hex color #7d80e4 graphic
Saturated and distinctly cool, #7d80e4 operates as a vibrant indigo. Use this hex code as a high-impact accent or icon color rather than a large background, as its intensity can overwhelm a layout. It offers excellent contrast against black text for legibility in small type. Pair it with muted, earthy ochres to balance the electric blue undertones without losing its sharp, modern character.

Questions about #7d80e4

What is #7d80e4 in RGB, HSL and CMYK?
In RGB, #7d80e4 is rgb(125, 128, 228), in HSL hsl(238, 66%, 69%) and in CMYK 45%, 44%, 0%, 11%.
What colors pair best with #7d80e4?
To balance the electric intensity of #7d80e4, pair it with muted ochre or earthy tones which ground its cool, digital character. Avoid clashing it with other saturated neons and instead use charcoal for text to ensure high legibility and a sophisticated, modern layout structure.
Should #7d80e4 be used for large background areas?
Avoid using #7d80e4 as a full-page background, as its high saturation can quickly overwhelm a layout and cause eye strain. It is much more effective when reserved for interactive icons, call-to-action buttons, or small, bold graphic elements that require immediate user focus.
Is #7d80e4 readable on white or black?
#7d80e4 has a 3.45:1 contrast ratio on white and 6.07: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.