#D2D1D1 Hex Color
A clean, airy grey for minimalist interfaces
This pale, bleached grey offers a neutral backdrop that feels cleaner and less stark than pure white. It excels as a subtle UI background, providing high contrast for black typography without feeling heavy. Because the hex code #d2d1d1 is so desaturated and light, use it sparingly alongside deep charcoal to avoid a washed out appearance in your interface design.
Questions about #d2d1d1
What is #d2d1d1 in RGB, HSL and CMYK?
In RGB, #d2d1d1 is rgb(210, 209, 209), in HSL hsl(0, 1%, 82%) and in CMYK 0%, 0%, 0%, 18%. Browse more shades of gray with names and hex codes.
How should I use #d2d1d1 in UI design?
This light grey functions best as a background color for interface components or layout sections, providing a cleaner look than stark white. Pair it with deep charcoal or near-black typography to maintain high readability while keeping the overall aesthetic soft and modern.
Does #d2d1d1 read as a warm or cool grey?
This color sits on the edge of neutral, though its slight lack of vibrancy can sometimes pull cooler depending on the surrounding colors. Because it is highly desaturated, it effectively reflects the tones of adjacent colors, making it a chameleon-like neutral for your palette.
Is #d2d1d1 readable on white or black?
#d2d1d1 has a 1.52:1 contrast ratio on white and 13.78: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.