#B0A5E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, cool lavender feels airy and gentle. Its muted quality makes it an effective background color that avoids overwhelming interface elements. Because it provides high contrast against black text, it works well for readable UI layouts. Pair the #b0a5e0 hex code with deep charcoal or dark forest greens to ground its delicate appearance in your design work.
Questions about #b0a5e0
What is #b0a5e0 in RGB, HSL and CMYK?
In RGB, #b0a5e0 is rgb(176, 165, 224), in HSL hsl(251, 49%, 76%) and in CMYK 21%, 26%, 0%, 12%.
What colors pair well with the #b0a5e0 lavender?
Because #b0a5e0 is a cool, muted lavender, it pairs effectively with deep, grounded neutrals like charcoal or dark forest green. These darker tones provide the necessary contrast to make the delicate lavender feel intentional rather than washed out in your layout.
Is #b0a5e0 a good choice for interface backgrounds?
Yes, #b0a5e0 works well for UI backgrounds because its desaturated nature is easy on the eyes while remaining distinct. It provides enough contrast against dark text for readability, preventing the interface from feeling too sterile or overwhelming for the user.
Is #b0a5e0 readable on white or black?
#b0a5e0 has a 2.25:1 contrast ratio on white and 9.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.