#BAACF5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated lavender carries a cool and airy quality that feels soft without being childish. Because #baacf5 provides high contrast for black text, it works well as a background for clean, readable UI designs. Pair it with deep charcoal or slate greys rather than white to prevent the color from looking washed out. The hex code for this delicate violet is #baacf5.
Questions about #baacf5
What is #baacf5 in RGB, HSL and CMYK?
In RGB, #baacf5 is rgb(186, 172, 245), in HSL hsl(252, 78%, 82%) and in CMYK 24%, 30%, 0%, 4%.
Is #baacf5 suitable for text-heavy interface backgrounds?
Yes, #baacf5 works well as a background for clean, readable UI designs because it provides sufficient contrast for standard black text. Its unsaturated quality keeps the interface feeling professional and calm rather than overwhelming or childish for users.
Is #baacf5 readable on white or black?
#baacf5 has a 2.03:1 contrast ratio on white and 10.30: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.