#DCE2E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached grey feels airy and restrained. Because it sits so close to white, it works best as a clean background for minimal UI designs rather than a primary fill. Pair it with charcoal or deep navy typography for high readability, as black text offers excellent contrast here. The hex code for this neutral tone is #dce2e3.
Questions about #dce2e3
What is #dce2e3 in RGB, HSL and CMYK?
In RGB, #dce2e3 is rgb(220, 226, 227), in HSL hsl(189, 11%, 88%) and in CMYK 3%, 0%, 0%, 11%.
Why does #dce2e3 work well as a UI background?
#dce2e3 acts as a subtle, low-saturation neutral that prevents eye strain without appearing stark like pure white. It provides enough separation from standard text to allow dark charcoal or deep navy elements to pop while maintaining a clean, professional aesthetic.
What colors pair best with #dce2e3?
Is #dce2e3 readable on white or black?
#dce2e3 has a 1.30:1 contrast ratio on white and 16.03: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.