#BEA5EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated lavender offers a cool, airy feel that works beautifully for delicate UI backgrounds or soft branding projects. Because it maintains high legibility with black text, it is a practical choice for web interfaces. The hex code #bea5eb pairs well with charcoal grays for a modern, refined look. Use it sparingly as an accent to avoid overwhelming a layout with its pastel character.
Questions about #bea5eb
What is #bea5eb in RGB, HSL and CMYK?
In RGB, #bea5eb is rgb(190, 165, 235), in HSL hsl(261, 64%, 78%) and in CMYK 19%, 30%, 0%, 8%.
Does #bea5eb work well as a background for text?
Yes, #bea5eb offers excellent legibility for black text, making it a reliable choice for delicate UI backgrounds. It maintains a clean, professional aesthetic without overwhelming the interface or causing eye strain during extended reading periods.
What colors pair best with #bea5eb?
This color pairs beautifully with charcoal or deep slate grays to create a modern, refined contrast. For a softer look, it also complements neutral creams or muted sage greens, providing balance to its inherent pastel character.
Is #bea5eb readable on white or black?
#bea5eb 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.