#DDDADD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dddadd is a pale, bleached grey that prioritizes neutral restraint over saturation. Because it is highly desaturated and light, it serves as a sophisticated UI background that allows black typography to pop with high legibility. Pair it with charcoal or deep navy for a sharp, modern contrast, as it can look washed out when placed directly next to pure white.
Questions about #dddadd
What is #dddadd in RGB, HSL and CMYK?
In RGB, #dddadd is rgb(221, 218, 221), in HSL hsl(300, 4%, 86%) and in CMYK 0%, 1%, 0%, 13%.
How does #dddadd perform for UI design?
#dddadd provides a high-contrast foundation for black or deep charcoal text, making it an ideal choice for accessible web interfaces. Avoid pairing it directly against pure white, as the lack of contrast will wash out the aesthetic and reduce readability.
What are the best color pairings for #dddadd?
This color excels when balanced against deep, saturated tones like navy or charcoal to create a sharp, modern visual impact. Because it is highly desaturated, adding these darker hues prevents the layout from looking flat or unfinished.
Is #dddadd readable on white or black?
#dddadd has a 1.38:1 contrast ratio on white and 15.14: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.