#E8E878 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, high-saturation yellow carries a greenish undertone that reads as fresh and energetic. The hex code #e8e878 works best as a 10 percent accent color rather than a dominant background, where it can overwhelm the eye. It creates striking contrast against black text, making it useful for high-visibility buttons or alerts. Pair this shade with charcoal grays for a grounded, modern look that avoids clashing.
Questions about #e8e878
What is #e8e878 in RGB, HSL and CMYK?
In RGB, #e8e878 is rgb(232, 232, 120), in HSL hsl(60, 71%, 69%) and in CMYK 0%, 0%, 48%, 9%.
What colors pair well with #e8e878?
#e8e878 benefits from grounding, so pair it with charcoal or deep neutral grays to balance its high-energy, acidic yellow quality. Using it against black text creates strong, readable contrast that works effectively for UI alerts or buttons.
Is #e8e878 a good choice for background colors?
Avoid using #e8e878 as a large-scale background color because its high saturation can quickly overwhelm the eye and cause visual fatigue. Reserve this shade as a 10 percent accent color to maintain user comfort while retaining its energetic, fresh impact.
Is #e8e878 readable on white or black?
#e8e878 has a 1.29:1 contrast ratio on white and 16.24: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.