#B5AEA7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy shade bridges the gap between grey and warm orange. The hex code #b5aea7 functions best as a neutral background, offering a sophisticated alternative to stark white. It maintains a 9.6:1 contrast ratio with black text, ensuring excellent readability for body copy. To avoid a washed out appearance, pair this tone with deep teals or charcoal rather than other light neutrals.
Questions about #b5aea7
What is #b5aea7 in RGB, HSL and CMYK?
In RGB, #b5aea7 is rgb(181, 174, 167), in HSL hsl(30, 9%, 68%) and in CMYK 0%, 4%, 8%, 29%.
How can #b5aea7 be used effectively in UI design?
#b5aea7 functions as an excellent background neutral that avoids the harshness of pure white while maintaining high contrast with black text. It provides a soft, organic feel, making it perfect for wellness, luxury lifestyle, or minimalist portfolio websites.
What colors pair best with #b5aea7?
Deep, saturated tones create the most visual impact against #b5aea7 because it is a lighter neutral. Pair this shade with charcoal or dark, muted blues to ground the design and prevent the overall palette from appearing washed out or flat.
Is #b5aea7 readable on white or black?
#b5aea7 has a 2.19:1 contrast ratio on white and 9.57: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.