#B9C485 Hex Color

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

Hex color #b9c485 graphic
This pale, muted yellow carries a distinct olive undertone that softens its overall brightness. The hex code #b9c485 offers enough contrast for black text, making it a reliable choice for UI backgrounds. It functions best as a supporting tone rather than a dominant base. Pair this fresh color with dark navy or slate gray to ground its warmth and avoid a washed-out appearance on screen.

Questions about #b9c485

What is #b9c485 in RGB, HSL and CMYK?
In RGB, #b9c485 is rgb(185, 196, 133), in HSL hsl(70, 35%, 65%) and in CMYK 6%, 0%, 32%, 23%.
What colors pair well with the hex color #b9c485?
Pair #b9c485 with dark navy or slate gray to ground its warmth and prevent it from appearing washed out. Because it is a muted tone, it also complements deep charcoal or soft earthy terracotta for a balanced, natural palette.
How does #b9c485 perform for UI design text?
The hex color #b9c485 is generally too light for white or light gray text, but it provides sufficient contrast for standard black text. Use it primarily as a subtle background or accent color rather than for body copy to ensure accessibility remains high.
Is #b9c485 readable on white or black?
#b9c485 has a 1.85:1 contrast ratio on white and 11.29: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.