#BBA5E5 Hex Color

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

Hex color #bba5e5 graphic
This unsaturated pastel violet feels airy and gentle without becoming too saccharine. It pairs beautifully with muted charcoal or deep slate, providing a sophisticated contrast. Because the hex code #bba5e5 offers excellent contrast ratios, it is a functional choice for web backgrounds and UI elements where readability matters. Use this shade to bring a touch of refinement to digital products or wellness-focused branding.

Questions about #bba5e5

What is #bba5e5 in RGB, HSL and CMYK?
In RGB, #bba5e5 is rgb(187, 165, 229), in HSL hsl(261, 55%, 77%) and in CMYK 18%, 28%, 0%, 10%.
What colors pair well with #bba5e5 for UI design?
#bba5e5 works best when grounded by deep, neutral tones like charcoal or slate gray. These darker shades provide the necessary visual contrast to make the lightness of the violet feel intentional rather than washed out.
Is #bba5e5 readable on white or black?
#bba5e5 has a 2.18:1 contrast ratio on white and 9.62: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.