#D7DDE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bleached, desaturated blue leans heavily toward grey, making it a neutral alternative to sterile white. Because #d7dde3 maintains high contrast with black text, it performs well as a clean background for web interfaces or minimalist branding. Use it as a dominant base to avoid washing out other elements, as it can appear muddy when placed directly against pure white.
Questions about #d7dde3
What is #d7dde3 in RGB, HSL and CMYK?
In RGB, #d7dde3 is rgb(215, 221, 227), in HSL hsl(210, 18%, 87%) and in CMYK 5%, 3%, 0%, 11%.
How should I use #d7dde3 in web design?
#d7dde3 functions best as a neutral background color that provides a modern, breathable alternative to stark white. Because it holds strong contrast against dark text, it is ideal for minimalist interface components, subtle card backgrounds, or muted section dividers.
Does #d7dde3 work well with other colors?
This color pairs naturally with deep charcoal for high-legibility text or vibrant accent colors to prevent a washed-out appearance. Avoid placing #d7dde3 directly against pure white, as the proximity often makes this shade appear muddy or inadvertently dirty.
Is #d7dde3 readable on white or black?
#d7dde3 has a 1.36:1 contrast ratio on white and 15.34: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.