#EDA484 Hex Color

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

Hex color #eda484 graphic
#eda484 is a mellow, unsaturated orange with gentle peach undertones. It functions best as a soft background where black text maintains excellent readability. To prevent it from appearing washed out, pair this hex code with deep charcoal or navy accents for necessary contrast. Designers rely on this color for layouts that require a warm, approachable feel without needing high-energy saturation.

Questions about #eda484

What is #eda484 in RGB, HSL and CMYK?
In RGB, #eda484 is rgb(237, 164, 132), in HSL hsl(18, 74%, 72%) and in CMYK 0%, 31%, 44%, 7%.
What colors pair best with #eda484?
This shade thrives when paired with high-contrast, cool-toned neutrals to anchor its warmth. Use deep navy for a modern, professional look, or try charcoal to keep text readable while maintaining a soft, approachable aesthetic for your web layout.
Is #eda484 suitable for text-heavy interfaces?
While #eda484 works beautifully as a primary background or accent, it lacks sufficient contrast against white text for accessibility standards. Always layer black or very dark, saturated text on top to ensure your content remains legible and meets WCAG requirements.
Is #eda484 readable on white or black?
#eda484 has a 2.04:1 contrast ratio on white and 10.24: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.