#D0B354 Hex Color

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

Hex color #d0b354 graphic
This warm, muted gold carries a gentle, sun-drenched quality without feeling overly saturated. Because it sits on the lighter side of ochre, it functions best as a bright, inviting accent rather than a full page background. Pair #d0b354 with deep charcoals or navy blues to ground its natural softness. Since black text provides excellent 10.3:1 contrast against this hex code, it remains a legible choice for small UI elements.

Questions about #d0b354

What is #d0b354 in RGB, HSL and CMYK?
In RGB, #d0b354 is rgb(208, 179, 84), in HSL hsl(46, 57%, 57%) and in CMYK 0%, 14%, 60%, 18%.
How should #d0b354 be used in UI design?
Use #d0b354 primarily as an accent color for buttons or call-to-action elements where you need warmth without overwhelming the interface. Because it provides a high 10.3:1 contrast ratio against black, it remains perfectly legible for small text and icons.
Which colors complement #d0b354 best?
This muted gold pairs naturally with dark, grounding neutrals like charcoal or navy to balance its lightness. Avoid using it alongside bright, neon primaries, as those clash with the sophisticated, earthy quality of this specific yellow tone.
Is #d0b354 readable on white or black?
#d0b354 has a 2.04:1 contrast ratio on white and 10.25: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.