#ECAC63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing, pastel orange evokes youth and optimism with its mellow warmth. Because it reads quite light, #ecac63 works best as a supporting tone or an accent rather than a dominant background. Pair it with deep charcoal or slate gray to ground its brightness, as black text provides high legibility against this hex code. It feels approachable and creative, making it ideal for friendly branding or playful interface elements.
Questions about #ecac63
What is #ecac63 in RGB, HSL and CMYK?
In RGB, #ecac63 is rgb(236, 172, 99), in HSL hsl(32, 78%, 66%) and in CMYK 0%, 27%, 58%, 7%.
How do I balance the lightness of #ecac63 in a design layout?
Since #ecac63 is quite light and radiant, it should serve primarily as an accent color rather than a dominant background. Pair it with deep charcoal or dark slate text to ensure your content maintains high legibility and visual grounding.
What mood does #ecac63 convey in branding?
The color #ecac63 communicates a sense of youthful optimism and approachable creativity. It feels mellow rather than aggressive, making it an excellent choice for friendly interface elements or brands that want to appear welcoming without being overly vibrant.
Is #ecac63 readable on white or black?
#ecac63 has a 1.97:1 contrast ratio on white and 10.64: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.