#E2C5A1 Hex Color

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

Hex color #e2c5a1 graphic
This desaturated, light orange provides a delicate, dusty warmth. Because it is highly readable against black text, it functions well as a calm, airy background for minimal web interfaces or luxury packaging. Use #e2c5a1 as a supporting neutral rather than a dominant base, as it can appear washed out in large, empty areas. Pair it with deep charcoal or slate gray for the best contrast.

Questions about #e2c5a1

What is #e2c5a1 in RGB, HSL and CMYK?
In RGB, #e2c5a1 is rgb(226, 197, 161), in HSL hsl(33, 53%, 76%) and in CMYK 0%, 13%, 29%, 11%.
What colors pair best with #e2c5a1 for UI design?
Deep, cool neutrals provide the best balance for this dusty orange. Use charcoal or slate gray to ground the design, as these dark tones create the necessary contrast to prevent the light #e2c5a1 from feeling washed out on screen.
Is #e2c5a1 suitable for large background areas?
It works well as a subtle background, but use caution with text legibility. Because #e2c5a1 is quite light, always ensure your foreground text is dark enough to meet accessibility standards, as the shade can lose definition when surrounded by too much negative space.
Is #e2c5a1 readable on white or black?
#e2c5a1 has a 1.64:1 contrast ratio on white and 12.73: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.