#BBAEFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bbaeff is a bright, airy lavender with a high-key pastel finish that avoids feeling chalky. Its cool, ethereal tone works best as a supporting accent rather than a primary background to keep designs from looking washed out. Pair it with dark charcoal or deep forest green for a grounded, modern contrast. Because it is highly legible, black text reads perfectly over this hex code.
Questions about #bbaeff
What is #bbaeff in RGB, HSL and CMYK?
In RGB, #bbaeff is rgb(187, 174, 255), in HSL hsl(250, 100%, 84%) and in CMYK 27%, 32%, 0%, 0%.
What colors pair best with #bbaeff?
Use #bbaeff alongside deep, grounded neutrals to create a balanced, modern visual hierarchy. It pops effectively against charcoal or forest green, as these dark, saturated tones anchor the lightness of the lavender without competing with its delicate, airy finish.
Is #bbaeff suitable for text backgrounds?
Yes, #bbaeff is highly legible for UI designs because it provides a soft, pastel surface that maintains strong contrast with black or dark gray text. It functions well as a background for cards or section headers that require a calming, clean appearance.
Is #bbaeff readable on white or black?
#bbaeff has a 1.97:1 contrast ratio on white and 10.61: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.