#E4E4D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated yellow leans close to grey, creating an airy and delicate backdrop. It serves best as a neutral UI background because black text maintains strong legibility against it. While useful for minimalist designs, be careful placing this shade next to pure white, where it often looks washed out. The hex code for this tint is #e4e4d3.
Questions about #e4e4d3
What is #e4e4d3 in RGB, HSL and CMYK?
In RGB, #e4e4d3 is rgb(228, 228, 211), in HSL hsl(60, 24%, 86%) and in CMYK 0%, 0%, 7%, 11%.
Is #e4e4d3 a good choice for text-heavy UI backgrounds?
#e4e4d3 works exceptionally well as a neutral background because it is light enough to maintain strong contrast with standard black or deep charcoal text. Its muted, desaturated nature prevents the eye strain often caused by pure white screens.
Why does #e4e4d3 sometimes look washed out in layouts?
This color sits on the edge of off-white, so placing it directly next to a pure white element can make the #e4e4d3 appear dirty or dull by comparison. Use it in isolation or pair it with stronger, darker neutrals to ground it.
Is #e4e4d3 readable on white or black?
#e4e4d3 has a 1.28:1 contrast ratio on white and 16.33: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.