#DEC86A Hex Color

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

Hex color #dec86a graphic
This warm, muted yellow balances optimism with a grounded, earthy undertone. It avoids the harshness of primary yellow, making it a reliable choice for approachable branding or soft UI backgrounds. Pair #dec86a with deep charcoal for a sophisticated contrast that remains highly readable. The hex code for this mellow, versatile shade is #dec86a, which provides excellent accessibility for black body text.

Questions about #dec86a

What is #dec86a in RGB, HSL and CMYK?
In RGB, #dec86a is rgb(222, 200, 106), in HSL hsl(49, 64%, 64%) and in CMYK 0%, 10%, 52%, 13%.
What colors pair well with #dec86a for balanced UI design?
#dec86a pairs beautifully with charcoal or deep espresso, as the high contrast ensures excellent readability for text. For a softer, retro aesthetic, combine it with muted olive or dusty terracotta tones to maintain the earthy, approachable feel.
Is #dec86a considered a warm or cool color?
#dec86a is decidedly warm, carrying strong golden undertones that evoke sunlight and organic comfort. Because it is muted rather than vibrant, it feels grounded and approachable, making it a reliable choice for brands that want friendliness without visual fatigue.
Is #dec86a readable on white or black?
#dec86a has a 1.66:1 contrast ratio on white and 12.57: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.