#E2E058 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling yellow carries a high-energy, neon quality perfect for grabbing attention in sale graphics or construction signage. Because #e2e058 is quite saturated, it works best as a small accent rather than a dominant background. Pair it with deep charcoals for high-contrast, readable UI elements. Check out other shades of yellow to see how this bright hex code compares to more mellow tones.
Questions about #e2e058
What is #e2e058 in RGB, HSL and CMYK?
In RGB, #e2e058 is rgb(226, 224, 88), in HSL hsl(59, 70%, 62%) and in CMYK 0%, 1%, 61%, 11%.
How can I use #e2e058 effectively in UI design?
#e2e058 acts best as an aggressive highlight color meant for primary buttons or notification badges. Because of its extreme brightness, avoid using it as a large-scale background, as it will quickly strain the eyes and reduce overall interface readability.
What colors pair well with #e2e058?
High-contrast pairings with charcoal or near-black tones create the most readable and modern combinations. For a bolder, more playful palette, you can introduce deep purple or navy accents to balance the intense, neon quality of the yellow.
Is #e2e058 readable on white or black?
#e2e058 has a 1.39:1 contrast ratio on white and 15.03: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.