#E1E56E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous greenish-yellow is bright and highly saturated, making it a natural choice for grabbing attention on sale banners or budget-focused UI elements. While its intensity can overwhelm a large background, it serves as an excellent 10% accent color. Pair it with deep charcoal for high readability. The hex code is #e1e56e. If you are experimenting with colors, you might wonder about mixing pink for a complementary palette.
Questions about #e1e56e
What is #e1e56e in RGB, HSL and CMYK?
In RGB, #e1e56e is rgb(225, 229, 110), in HSL hsl(62, 70%, 66%) and in CMYK 2%, 0%, 52%, 10%.
What colors pair best with the luminous #e1e56e?
Because #e1e56e is so intense and energetic, it balances perfectly against neutral, dark foundations. Pairing this yellow-green with deep charcoal or soft black creates high-contrast, readable text while preventing the brightness from overwhelming the overall layout.
Is #e1e56e a good choice for large background areas?
Avoid using #e1e56e as a full-page background, as its high saturation can quickly cause eye fatigue for viewers. It performs much better as a deliberate, small-scale pop of color, like in buttons, progress bars, or highlighted call-to-action elements.
Is #e1e56e readable on white or black?
#e1e56e has a 1.34:1 contrast ratio on white and 15.63: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.