#E5E4E3 Hex Color

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

Hex color #e5e4e3 graphic
This extremely pale grey functions as a soft alternative to stark white. Because of its high lightness, it creates an airy, neutral foundation for UI designs without overwhelming the content. Pair #e5e4e3 with charcoal or deep navy for excellent readability, as the contrast ratio easily supports black body text. The hex code for this delicate neutral is #e5e4e3.

Questions about #e5e4e3

What is #e5e4e3 in RGB, HSL and CMYK?
In RGB, #e5e4e3 is rgb(229, 228, 227), in HSL hsl(30, 4%, 89%) and in CMYK 0%, 0%, 1%, 10%.
How do you use #e5e4e3 effectively in UI design?
#e5e4e3 works best as a background color when you need a softer look than pure white while maintaining high contrast. Pair it with deep charcoal or dark navy text to ensure your content remains readable and accessible.
Is #e5e4e3 considered a warm or cool neutral?
This color sits on the cooler side of the grey spectrum due to its minimal saturation, making it feel crisp and clean. It avoids the yellow or beige undertones found in warmer neutrals, ensuring it remains versatile across various screen-based applications.
Is #e5e4e3 readable on white or black?
#e5e4e3 has a 1.26:1 contrast ratio on white and 16.53: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.