#B0AEF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b0aef2 is a soft, cool lavender with distinct indigo undertones. This unsaturated pastel creates a clean, airy background that feels modern rather than sugary. Black text offers a 10.2:1 contrast ratio against this shade, ensuring excellent readability for UI body copy. Pair it with charcoal or deep slate for a balanced palette where this color serves as the primary base. The hex code is #b0aef2.
Questions about #b0aef2
What is #b0aef2 in RGB, HSL and CMYK?
In RGB, #b0aef2 is rgb(176, 174, 242), in HSL hsl(242, 72%, 82%) and in CMYK 27%, 28%, 0%, 5%.
What makes #b0aef2 a good choice for UI backgrounds?
This shade provides a soft, calming foundation that remains legible against high-contrast text. It works exceptionally well in user interfaces where you need a subtle, modern aesthetic without sacrificing the accessibility requirements needed for body copy readability.
Which neutral colors work best with #b0aef2?
Deep, cool neutrals provide the strongest balance for this lavender. Pair it with charcoal or dark slate to anchor the airy tone, creating a sophisticated palette that feels grounded rather than too sweet or overtly playful.
Is #b0aef2 readable on white or black?
#b0aef2 has a 2.06:1 contrast ratio on white and 10.18: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.