#BBACC1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bbacc1 graphic
This dusty, ashy purple leans heavily into gray, creating a muted appearance that lacks high saturation. Because it reads somewhat washed out, #bbacc1 functions best as a sophisticated supporting tone rather than a dominant background. Pair it with charcoal or deep navy for visual weight. The hex code #bbacc1 offers enough contrast for legible black body text in UI design applications.

Questions about #bbacc1

What is #bbacc1 in RGB, HSL and CMYK?
In RGB, #bbacc1 is rgb(187, 172, 193), in HSL hsl(283, 14%, 72%) and in CMYK 3%, 11%, 0%, 24%.
How should I use #bbacc1 in a user interface?
#bbacc1 functions effectively as a sophisticated supporting tone rather than a dominant background color. It provides sufficient contrast for standard black body text while maintaining a soft, professional aesthetic that works well in clean, minimalist design systems.
What colors pair well with #bbacc1?
This ashy purple pairs exceptionally well with deep, grounding neutrals like charcoal or dark navy to provide visual weight. The lack of saturation means it also coordinates smoothly with crisp whites or very pale warm grays for balance.
Is #bbacc1 readable on white or black?
#bbacc1 has a 2.14:1 contrast ratio on white and 9.78:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.