#E3E3E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale grey sits on the edge of white, offering a clean and neutral foundation. Because of its high lightness, #e3e3e8 works best as a background color for minimalist interfaces where you need subtle structure without distraction. It pairs well with high-contrast black typography, maintaining excellent readability. Use this hex code as a dominant base rather than an accent to keep designs feeling airy and sophisticated.
Questions about #e3e3e8
What is #e3e3e8 in RGB, HSL and CMYK?
In RGB, #e3e3e8 is rgb(227, 227, 232), in HSL hsl(240, 10%, 90%) and in CMYK 2%, 2%, 0%, 9%.
Why is #e3e3e8 effective for interface backgrounds?
#e3e3e8 functions as an excellent UI background because it offers just enough color to separate sections without fighting for attention. It provides a subtle structure that makes text stand out, especially when paired with charcoal or dark black typography for maximum readability.
What color palettes work best with #e3e3e8?
This light gray acts as a versatile canvas that works best with high-contrast accents. Pair it with deep tones like navy to ground your design, or keep the aesthetic ultra-minimalist by using monochromatic shades of darker gray for a professional and sophisticated look.
Is #e3e3e8 readable on white or black?
#e3e3e8 has a 1.27:1 contrast ratio on white and 16.41: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.