#E5E1E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached grey offers a neutral, airy backdrop that favors cleanliness over intensity. Because it lacks strong chroma, #e5e1e1 works best as a primary interface background rather than a standalone accent. It provides high contrast for black text, making it highly readable for body copy. Pair it with deep charcoals or muted earth tones to avoid a washed-out, clinical look in your UI design.
Questions about #e5e1e1
What is #e5e1e1 in RGB, HSL and CMYK?
In RGB, #e5e1e1 is rgb(229, 225, 225), in HSL hsl(0, 7%, 89%) and in CMYK 0%, 2%, 2%, 10%.
How should I use #e5e1e1 in UI design?
#e5e1e1 is best used as a primary interface background because it maintains high contrast for black text while staying soft on the eyes. It works exceptionally well for large surface areas like cards or sidebars where you need structure without visual noise.
What colors pair well with #e5e1e1?
This light grey pairs effectively with deep charcoal for strong typographic contrast or muted earth tones to prevent a washed-out, clinical feel. Avoid overly bright neon accents, which can make this subtle shade look dirty rather than clean and intentional.
Is #e5e1e1 readable on white or black?
#e5e1e1 has a 1.29:1 contrast ratio on white and 16.18: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.