#B177DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet demands attention with its intense, bright character. Use #b177dd sparingly as a high-impact accent for buttons or navigation highlights rather than a full background. Because black text maintains a strong 6.6:1 contrast ratio against this hex code, it remains readable for small interface details. It functions best when paired with deep grays or charcoal to ground its electric energy.
Questions about #b177dd
What is #b177dd in RGB, HSL and CMYK?
In RGB, #b177dd is rgb(177, 119, 221), in HSL hsl(274, 60%, 67%) and in CMYK 20%, 46%, 0%, 13%.
How should I use #b177dd in UI design?
Use #b177dd sparingly as a high-impact accent color for buttons, notification badges, or navigation highlights. Its intense brightness captures attention quickly, so pairing it with deep charcoal or dark gray elements helps ground its electric energy against white interfaces.
Is #b177dd readable on white or black?
#b177dd has a 3.20:1 contrast ratio on white and 6.55: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.