#EEC058 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing golden yellow reads as warm and optimistic. Because of its high saturation, #eec058 works best as a punchy accent color rather than a dominant background. It pairs exceptionally well with charcoal or deep navy blues to create sharp contrast. With a high contrast ratio against black text, it remains readable for small details, making it a functional choice for alerts or sale buttons in UI design.
Questions about #eec058
What is #eec058 in RGB, HSL and CMYK?
In RGB, #eec058 is rgb(238, 192, 88), in HSL hsl(42, 82%, 64%) and in CMYK 0%, 19%, 63%, 7%.
What colors pair well with #eec058 for a modern UI?
#eec058 creates a high-impact, professional aesthetic when balanced against deep neutrals like charcoal or deep navy. Because of its intense, sunny saturation, these dark bases prevent the yellow from feeling overwhelming while maintaining excellent readability for text and secondary interface elements.
Is #eec058 a suitable choice for large background areas?
Using #eec058 as a large-scale background is rarely recommended because its high saturation and luminance can cause eye fatigue quickly. Instead, reserve this tone for meaningful accents, such as status indicators, notification badges, or interactive buttons that need to grab immediate attention.
Is #eec058 readable on white or black?
#eec058 has a 1.70:1 contrast ratio on white and 12.31: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.