#B477E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid purple creates an immediate impact with its high saturation. Use it as an accent for buttons or icons, rather than a full background, to avoid overwhelming the user. It pairs well with dark charcoals, which ground its electric tone. Since black text provides excellent contrast on this shade, it remains accessible for UI design. The hex code is #b477e5.
Questions about #b477e5
What is #b477e5 in RGB, HSL and CMYK?
In RGB, #b477e5 is rgb(180, 119, 229), in HSL hsl(273, 68%, 68%) and in CMYK 21%, 48%, 0%, 10%.
How should I effectively use #b477e5 in interface design?
#b477e5 functions best as a high-impact accent color rather than a background shade. Because of its electric intensity, reserve it for interactive elements like buttons, toggle switches, or call-to-action icons to guide user focus without overwhelming the visual hierarchy.
Is #b477e5 readable on white or black?
#b477e5 has a 3.12:1 contrast ratio on white and 6.71: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.