#7884F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bright and saturated indigo, #7884f5 commands attention without feeling aggressive. This vivid shade works best as an accent color, adding punch to UI components like buttons or highlights. Its cool undertones feel modern, but avoid using it as a large text block where it might strain the eyes. Because it sits clearly in the blue-purple spectrum, understanding what colors make gray helps you balance its intensity.
Questions about #7884f5
What is #7884f5 in RGB, HSL and CMYK?
In RGB, #7884f5 is rgb(120, 132, 245), in HSL hsl(234, 86%, 72%) and in CMYK 51%, 46%, 0%, 4%.
Is #7884f5 suitable for large blocks of body text?
Using #7884f5 for large blocks of body text is generally discouraged because its high saturation can cause eye strain over time. It functions much better as an accent color for interactive elements like buttons, icons, or graphical highlights that require immediate visual attention.
Which colors pair best with #7884f5 for UI design?
This indigo pairs effectively with neutral grays to ground its intensity, or with complementary warm oranges to create a high-contrast, energetic palette. When designing interfaces, using charcoal for text while utilizing #7884f5 for primary call-to-action buttons ensures visual clarity while maintaining a modern aesthetic.
Is #7884f5 readable on white or black?
#7884f5 has a 3.27:1 contrast ratio on white and 6.41: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.