#DDB649 Hex Color

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

Hex color #ddb649 graphic
This golden yellow, #ddb649, is a saturated and warm shade that leans toward mustard. Because it possesses high readability with black text, it works well for UI elements like buttons or notification badges. Use this color as an accent rather than a dominant base, as it can overwhelm a layout. It pairs effectively with deep charcoal or navy to ground its sparkling, spontaneous energy.

Questions about #ddb649

What is #ddb649 in RGB, HSL and CMYK?
In RGB, #ddb649 is rgb(221, 182, 73), in HSL hsl(44, 69%, 58%) and in CMYK 0%, 18%, 67%, 13%.
How should I use #ddb649 in a UI design?
#ddb649 works best as a deliberate accent rather than a dominant base color because its high saturation can quickly overwhelm a layout. It is highly effective for call-to-action buttons or notification badges where you need instant visual clarity against dark, neutral backgrounds.
Which colors pair best with #ddb649 for a balanced palette?
This mustard-leaning yellow pairs beautifully with charcoal or navy to ground its intense, sparkling energy. Using deep, cool neutrals provides the necessary contrast to balance the warmth of #ddb649, keeping your design scheme sophisticated and readable.
Is #ddb649 readable on white or black?
#ddb649 has a 1.93:1 contrast ratio on white and 10.86: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.