#B8A84E Hex Color

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

Hex color #b8a84e graphic
This muted yellow has an earthy, almost olive undertone that keeps it from feeling too bright. It works best as a supporting accent rather than a full-page background, where it can lean slightly muddy. Pair #b8a84e with charcoal or dark navy for high contrast and readability. The hex code for this mellow, desaturated yellow is #b8a84e, offering excellent accessibility with standard black text.

Questions about #b8a84e

What is #b8a84e in RGB, HSL and CMYK?
In RGB, #b8a84e is rgb(184, 168, 78), in HSL hsl(51, 43%, 51%) and in CMYK 0%, 9%, 58%, 28%.
What colors pair best with #b8a84e?
#b8a84e works effectively when grounded by high-contrast neutrals like charcoal or navy. Because this yellow has a subtle olive lean, it also creates a sophisticated, nature-inspired palette when combined with deep terracotta or soft, warm greys.
Is #b8a84e suitable for UI or background elements?
Use #b8a84e sparingly as a supporting accent rather than a full-page background color to avoid a muddy appearance. It provides excellent accessibility for text and UI elements when placed against dark, high-contrast backgrounds like deep charcoal.
Is #b8a84e readable on white or black?
#b8a84e has a 2.40:1 contrast ratio on white and 8.74: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.