#771E8A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet carries a heavy, serious presence, making it a strong choice for moody UI backgrounds or bold accent elements. The hex code for this color is #771e8a. Because of its intense depth, it reads best when paired with high-contrast white text, which clears the 4.5:1 accessibility threshold easily. Use it sparingly to avoid overwhelming your layout, as its darkness can sometimes feel claustrophobic in large areas.
Questions about #771e8a
What is #771e8a in RGB, HSL and CMYK?
In RGB, #771e8a is rgb(119, 30, 138), in HSL hsl(289, 64%, 33%) and in CMYK 14%, 78%, 0%, 46%.
What is the best way to use #771e8a in a layout?
Use #771e8a sparingly as a bold accent rather than a full-page background to avoid overwhelming the viewer. This saturated violet reads best when paired with high-contrast white text to ensure readability and maintain a professional aesthetic for your interface.
Which colors pair well with #771e8a?
This deep violet acts as a strong anchor when paired with light neutral shades or soft creams to balance its natural intensity. Avoid clashing it with other saturated tones, as this can create visual vibration and make the design feel chaotic.
Is #771e8a readable on white or black?
#771e8a has a 8.98:1 contrast ratio on white and 2.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.