#EEC477 Hex Color

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

Hex color #eec477 graphic
Warm and lightly muted, #eec477 has a soft golden cast that feels fresh without looking loud. The hex code #eec477 works well as a dominant background for spring layouts, baby products, and budget-focused branding. Pair it with charcoal or deep navy for clear contrast; black text reaches about 12.8:1 contrast, making it suitable for small body copy.

Questions about #eec477

What is #eec477 in RGB, HSL and CMYK?
In RGB, #eec477 is rgb(238, 196, 119), in HSL hsl(39, 78%, 70%) and in CMYK 0%, 18%, 50%, 7%.
What colors pair well with #eec477?
#eec477 pairs well with charcoal, deep navy, and warm off-whites, which balance its soft golden warmth, create clear hierarchy, and keep the palette welcoming rather than overly bright. These combinations work well across backgrounds, text, and accent elements.
Where does #eec477 work best in design?
#eec477 works best as a warm background, accent, or friendly highlight in spring layouts, baby products, budget-focused branding, and interfaces that need approachable energy without the intensity of a loud, saturated yellow.
Is #eec477 readable on white or black?
#eec477 has a 1.64:1 contrast ratio on white and 12.79: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.