#B1AF8A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated yellow leans heavily into green-gray territory, creating a mellow and earthy tone. Because of its muted character, #b1af8a works best as a soft background rather than a primary focus. Pair it with deep charcoal text to ensure high contrast, as the color supports black type beautifully. It brings a gentle, spring-like feel to branding or web interfaces that require a calm, approachable foundation.
Questions about #b1af8a
What is #b1af8a in RGB, HSL and CMYK?
In RGB, #b1af8a is rgb(177, 175, 138), in HSL hsl(57, 20%, 62%) and in CMYK 0%, 1%, 22%, 31%.
What colors pair well with #b1af8a in a design?
#b1af8a works exceptionally well when paired with deep charcoal for text readability, or with rich, earthy tones like terracotta to create a grounded, nature-inspired palette. Because it is muted, it also balances soft whites and creams without appearing too aggressive or saturated.
Is #b1af8a considered a warm or cool color?
#b1af8a sits in a neutral territory, though it leans slightly warm due to its yellow-green base. While its desaturation makes it appear cool and grayish at first glance, the underlying yellow keeps it from feeling clinical, giving it an organic, spring-like quality.
Is #b1af8a readable on white or black?
#b1af8a has a 2.24:1 contrast ratio on white and 9.36: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.