#ECC9A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, desaturated orange leans heavily into peach tones. Because of its high lightness, #ecc9a8 serves best as a supporting background color rather than a primary focus. Pair it with deep charcoals or navy for high-contrast, readable typography. Its gentle character works well for baby branding or spring-inspired layouts, though it can wash out if placed directly next to pure white.
Questions about #ecc9a8
What is #ecc9a8 in RGB, HSL and CMYK?
In RGB, #ecc9a8 is rgb(236, 201, 168), in HSL hsl(29, 64%, 79%) and in CMYK 0%, 15%, 29%, 7%.
How should I use #ecc9a8 in a design layout?
Because #ecc9a8 features high lightness, it functions most effectively as a soft, supporting background rather than a focal point. Use it to create inviting spaces, and pair it with strong, dark typography like charcoal to ensure necessary contrast and readability for your users.
Why does #ecc9a8 look washed out against white?
When placed directly next to pure white, the high lightness of #ecc9a8 makes it lose definition because there is not enough contrast. It performs much better when surrounded by deeper, cooler neutrals like navy that anchor the peach hue effectively.
Is #ecc9a8 readable on white or black?
#ecc9a8 has a 1.55:1 contrast ratio on white and 13.48: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.