#D2D2D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, light grey offers a clean and neutral foundation for modern interfaces. Because it maintains high contrast with black text, it works well for readable body copy or airy backgrounds. Avoid using it alongside stark white, as it can appear washed out. Pair this hex code #d2d2d1 with deep charcoals or muted earth tones to create a balanced, professional look in minimal design systems.
Questions about #d2d2d1
What is #d2d2d1 in RGB, HSL and CMYK?
In RGB, #d2d2d1 is rgb(210, 210, 209), in HSL hsl(60, 1%, 82%) and in CMYK 0%, 0%, 0%, 18%.
What is the best way to use #d2d2d1 in web design?
#d2d2d1 serves best as an airy background color that anchors darker elements without overpowering them. Use it specifically to create high-contrast, readable layouts where you plan to feature bold charcoal or deep black text.
Does #d2d2d1 work well with white backgrounds?
Avoid placing #d2d2d1 directly against stark white, as the subtle gray will appear washed out and lose its definition. Instead, pair it with deeper, muted earth tones or saturated colors to ensure the design maintains depth and visual hierarchy.
Is #d2d2d1 readable on white or black?
#d2d2d1 has a 1.51:1 contrast ratio on white and 13.87: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.