#7B74E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is electric and commands immediate attention. Because it is so vivid, #7b74e0 works best as an accent or call to action rather than a primary background. It pairs well with warm, sandy neutrals to balance its cool energy. Black text reads clearly over this hex code, helping keep your small UI elements accessible and easy to read.
Questions about #7b74e0
What is #7b74e0 in RGB, HSL and CMYK?
In RGB, #7b74e0 is rgb(123, 116, 224), in HSL hsl(244, 64%, 67%) and in CMYK 45%, 48%, 0%, 12%.
What colors pair best with #7b74e0 for a balanced design?
#7b74e0 carries significant cool energy that benefits from contrast with warm, earthy tones. Pairing this shade with a soft sandy or beige neutral creates a stable foundation, letting the electric indigo function as a sharp, deliberate accent without overpowering the entire layout.
Is #7b74e0 suitable for primary text on a white background?
While #7b74e0 is highly saturated, it is often too light to meet standard web accessibility contrast ratios against white. For better readability and compliance, use black text or a very dark charcoal for your body copy and reserve this indigo for buttons or highlights.
Is #7b74e0 readable on white or black?
#7b74e0 has a 3.87:1 contrast ratio on white and 5.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.