#E3E1DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated grey provides a restrained backdrop for minimal design and clean interfaces. Because #e3e1dc offers a high contrast ratio with black text, it serves as an excellent neutral base for typography. Avoid using it alongside pure white, as the contrast can appear washed out. Instead, pair this hex code with deep charcoals or muted earth tones to ground your palette.
Questions about #e3e1dc
What is #e3e1dc in RGB, HSL and CMYK?
In RGB, #e3e1dc is rgb(227, 225, 220), in HSL hsl(43, 11%, 88%) and in CMYK 0%, 1%, 3%, 11%.
Does #e3e1dc work well for text interfaces?
#e3e1dc creates a high contrast ratio against dark text, making it a very readable choice for background surfaces in clean web interfaces. Because it is slightly desaturated, it effectively grounds your typography without competing for the viewer's attention.
What colors pair best with #e3e1dc?
This color anchors best when paired with deep, solid hues like charcoal or other muted earth tones to prevent it from looking washed out. Avoid placing #e3e1dc directly next to pure white, as the lack of contrast can make the design appear flat.
Is #e3e1dc readable on white or black?
#e3e1dc has a 1.30:1 contrast ratio on white and 16.06: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.