#771EB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated violet commands attention with high intensity. Because it carries so much visual weight, #771eb2 works best as a bold accent color rather than a dominant background. White text creates excellent contrast against this hex code, making it a reliable choice for buttons or notification badges. Pair it with soft, warm grays to temper its natural aggressiveness.
Questions about #771eb2
What is #771eb2 in RGB, HSL and CMYK?
In RGB, #771eb2 is rgb(119, 30, 178), in HSL hsl(276, 71%, 41%) and in CMYK 33%, 83%, 0%, 30%.
How can I effectively use #771eb2 in a user interface?
#771eb2 works best as a punchy accent rather than a primary background color. Use it sparingly for call-to-action buttons or notification markers where you need to draw the eye immediately. It pairs exceptionally well against white or very light gray text.
What colors should I pair with #771eb2 for a balanced palette?
To temper the intensity of #771eb2, pair it with soft warm grays or desaturated neutrals. If you want a bolder look, it works well as a contrast to soft yellows or subtle creams, which helps ground the color without losing its visual impact.
Is #771eb2 readable on white or black?
#771eb2 has a 8.03:1 contrast ratio on white and 2.61: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.