#ECA474 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated pastel orange radiates warmth and youthful optimism. The hex code #eca474 pairs well with slate gray or deep teal, which grounds its playful energy. Because it is highly readable against black text, it functions well as a background color for UI design. For those interested in mixing pink, this shade acts as a helpful anchor tone. Use it sparingly to maintain a clean aesthetic.
Questions about #eca474
What is #eca474 in RGB, HSL and CMYK?
In RGB, #eca474 is rgb(236, 164, 116), in HSL hsl(24, 76%, 69%) and in CMYK 0%, 31%, 51%, 7%.
What colors pair best with the #eca474 hex color?
To ground the warmth of #eca474, pair it with deeper, cooler tones like slate gray or deep teal. These colors provide the necessary contrast to stop the orange from feeling washed out, ensuring your UI design elements remain balanced and visually distinct.
Is #eca474 a good choice for text backgrounds?
Yes, #eca474 works effectively as a background color because it maintains high readability when paired with dark text. Its unsaturated nature prevents eye strain, making it a functional choice for web interfaces that need a friendly but professional appearance.
Is #eca474 readable on white or black?
#eca474 has a 2.07:1 contrast ratio on white and 10.12: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.