#7677EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7677ea is a bright, strongly saturated indigo with a cool blue-violet cast. Its high chroma brings energy and focus to calls to action, creative branding, and night-sky themes. Medium lightness makes it a strong supporting tone rather than a full-page background. Pair it with charcoal or warm cream, and use black text for about 5.6:1 contrast. The hex code is #7677ea.
Questions about #7677ea
What is #7677ea in RGB, HSL and CMYK?
In RGB, #7677ea is rgb(118, 119, 234), in HSL hsl(239, 73%, 69%) and in CMYK 50%, 49%, 0%, 8%.
What colors pair well with #7677ea?
Warm cream, charcoal, and burgundy pair well with #7677ea, balancing its bright blue-violet saturation without competing for attention, while charcoal adds structure, cream softens the interface, and burgundy introduces a restrained contrast for small accents. Keep supporting colors muted so this indigo remains the visual lead.
How should designers use #7677ea in a layout?
Use #7677ea as a supporting tone or compact accent rather than a full-page background, placing it on buttons, links, badges, and key illustrations where its brightness can attract attention without overwhelming quieter content. It also suits large display type better than dense small text.
Is #7677ea readable on white or black?
#7677ea has a 3.75:1 contrast ratio on white and 5.59: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.