#BAA3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#baa3ff is a bright, airy lavender with a high-key pastel quality. Its cool, desaturated tone works well as a supporting accent in digital UI designs. Because it maintains strong legibility against black text, it provides a functional contrast for buttons or secondary elements. Avoid using it as a primary background, as it can feel too light and washed out on large screens.
Questions about #baa3ff
What is #baa3ff in RGB, HSL and CMYK?
In RGB, #baa3ff is rgb(186, 163, 255), in HSL hsl(255, 100%, 82%) and in CMYK 27%, 36%, 0%, 0%.
How should I use #baa3ff in user interface design?
#baa3ff works best as a supporting accent rather than a primary background color, as it can feel overly washed out on large surfaces. It provides excellent legibility for black text, making it a reliable choice for buttons, borders, and functional highlights.
What colors pair well with #baa3ff?
Is #baa3ff readable on white or black?
#baa3ff has a 2.14:1 contrast ratio on white and 9.77: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.