#E7DCC5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e7dcc5 graphic
This pale, desaturated beige carries subtle yellow undertones that give it an airy, bleached quality. Because the hex code #e7dcc5 is so light, it works best as a primary background color rather than for fine text. It pairs beautifully with deep charcoal or forest green for a grounded, modern look that keeps designs from feeling too clinical or sterile.

Questions about #e7dcc5

What is #e7dcc5 in RGB, HSL and CMYK?
In RGB, #e7dcc5 is rgb(231, 220, 197), in HSL hsl(41, 41%, 84%) and in CMYK 0%, 5%, 15%, 9%.
How should I use #e7dcc5 in UI design?
#e7dcc5 functions best as a neutral background base because it is too light for reliable text accessibility. Use it to provide a soft, organic canvas that allows charcoal or deep brown typography to stand out without the harshness of a pure white background.
What colors pair best with #e7dcc5?
This beige pairs naturally with grounded, earthy tones like forest green or deep charcoal to prevent a sterile appearance. Because #e7dcc5 has distinct yellow undertones, it also creates a sophisticated, warm contrast when placed alongside muted, cool-toned blues or slate grays.
Is #e7dcc5 readable on white or black?
#e7dcc5 has a 1.35:1 contrast ratio on white and 15.44: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.