#B8AA9E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy orange offers a muted alternative to standard earth tones. Because #b8aa9e sits on the desaturated side, it avoids the harshness of brighter hues, making it a reliable choice for textured backgrounds or packaging design. Pair it with charcoal grey to ground its subtle warmth. It provides excellent contrast for black type, ensuring high readability for accessibility-conscious interfaces.
Questions about #b8aa9e
What is #b8aa9e in RGB, HSL and CMYK?
In RGB, #b8aa9e is rgb(184, 170, 158), in HSL hsl(28, 15%, 67%) and in CMYK 0%, 8%, 14%, 28%.
How can I effectively use #b8aa9e in UI design?
#b8aa9e works best as a background or neutral accent because its desaturated nature creates a soft, textured aesthetic. Pair it with deep charcoal or dark brown text to maintain high contrast and readability for your users.
Does #b8aa9e read as a warm or cool color?
#b8aa9e reads as a warm, grounded earth tone but sits on the cooler side of the orange spectrum due to its heavy gray undertones. This balance keeps it from feeling overly vibrant, making it approachable and professional.
Is #b8aa9e readable on white or black?
#b8aa9e has a 2.26:1 contrast ratio on white and 9.28: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.