#E0DE71 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling yellow tone brings an energetic, warm glow to any design. Because of its high lightness, #e0de71 works best as a small accent rather than a dominant background color. It pairs surprisingly well with deep charcoal or slate greys for a modern, high-contrast look. Since black text provides excellent readability against this hex code, use it for bold call-to-action buttons or highlights.
Questions about #e0de71
What is #e0de71 in RGB, HSL and CMYK?
In RGB, #e0de71 is rgb(224, 222, 113), in HSL hsl(59, 64%, 66%) and in CMYK 0%, 1%, 50%, 12%.
Why should I avoid using #e0de71 as a background color?
Because of its extreme lightness and high saturation, #e0de71 often overwhelms the eye when applied to large surface areas. It works much better as a deliberate accent or call-to-action button color that demands attention against a dark, grounding charcoal or slate background.
What text colors work best over #e0de71?
Standard black or deep, dark gray text provides the necessary contrast to maintain readability against the brightness of #e0de71. Avoid light text, as it will likely disappear, and steer clear of other bright colors that might clash with this warm yellow tone.
Is #e0de71 readable on white or black?
#e0de71 has a 1.41:1 contrast ratio on white and 14.85: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.