#B8AE75 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b8ae75 graphic
This muted, dusty yellow offers a soft, earthy quality perfect for spring themes or branding that requires a gentle touch. Because it sits at a lower saturation, it functions well as a supporting background tone rather than a dominant splash. Pair #b8ae75 with deep charcoal text to maintain high readability. The hex code for this ashy yellow is #b8ae75.

Questions about #b8ae75

What is #b8ae75 in RGB, HSL and CMYK?
In RGB, #b8ae75 is rgb(184, 174, 117), in HSL hsl(51, 32%, 59%) and in CMYK 0%, 5%, 36%, 28%. Browse more shades of brown with names and hex codes.
What colors pair best with #b8ae75 for a balanced design?
Use #b8ae75 alongside charcoal or deep espresso to ground the palette and ensure strong readability. Because this yellow is muted and dusty, it also coordinates naturally with soft sage green or muted terracotta for a cohesive, nature-inspired theme.
Is #b8ae75 suitable for text usage on websites?
This color lacks the necessary contrast for use as body text against white or light backgrounds. Reserve #b8ae75 for subtle decorative elements or background washes, and always pair it with a very dark neutral to meet accessibility standards.
Is #b8ae75 readable on white or black?
#b8ae75 has a 2.24:1 contrast ratio on white and 9.34: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.