#D2D7D7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d2d7d7 graphic
This extremely light, neutral grey functions as a soft alternative to white for UI backgrounds. It maintains excellent contrast with black typography, ensuring readability for small body text. The hex code for this shade is #d2d7d7. Because it can appear washed out when used alone, pair it with sharp, deep charcoal or navy accents to anchor your design without losing its airy, professional character.

Questions about #d2d7d7

What is #d2d7d7 in RGB, HSL and CMYK?
In RGB, #d2d7d7 is rgb(210, 215, 215), in HSL hsl(180, 6%, 83%) and in CMYK 2%, 0%, 0%, 16%. Browse more shades of gray with names and hex codes.
How can I make #d2d7d7 more interesting in a UI design?
#d2d7d7 can feel slightly washed out if used as a standalone background, so anchor it with strong, high-contrast elements. Pair it with deep charcoal or rich navy typography to ground the lightness while keeping the interface feeling clean and professional.
Is #d2d7d7 a warm or cool neutral?
#d2d7d7 functions as a cool-leaning neutral grey because of its slight blue-green undertones. This makes it an excellent choice for modern, clinical, or tech-focused applications where you want a crisp, airy aesthetic rather than a soft, warm, or inviting atmosphere.
Is #d2d7d7 readable on white or black?
#d2d7d7 has a 1.45:1 contrast ratio on white and 14.44: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.