#D4DFED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans toward a cool, airy grey. Because of its extremely light value, #d4dfed functions best as a spacious, clean background for minimalist interfaces. It lacks enough saturation to stand alone as a primary brand element, but it anchors black text with high readability. Pair it with deep charcoals or slate tones to avoid a washed-out appearance in your layout.
Questions about #d4dfed
What is #d4dfed in RGB, HSL and CMYK?
In RGB, #d4dfed is rgb(212, 223, 237), in HSL hsl(214, 41%, 88%) and in CMYK 11%, 6%, 0%, 7%.
How should I use #d4dfed in my UI designs?
Use #d4dfed primarily as a spacious, clean background for minimalist interfaces where readability is key. It lacks the saturation needed for strong branding, but it effectively anchors charcoal or dark slate text without appearing washed out or overly harsh.
What colors pair best with #d4dfed?
This light blue works best when paired with deep, grounding tones like charcoal or dark navy. Because #d4dfed is extremely desaturated, it requires high-contrast partners to prevent the overall layout from feeling flat, listless, or unanchored.
Is #d4dfed readable on white or black?
#d4dfed has a 1.34:1 contrast ratio on white and 15.57: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.