#D2D6DA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale grey serves as an understated, neutral backdrop for minimal design interfaces. Because it sits high in lightness, it offers excellent readability with dark typography, providing a starker contrast than soft off-whites. Use the hex code #d2d6da when you need a professional base that recedes behind content. It pairs well with high-saturation accent colors to prevent a washed-out final result.
Questions about #d2d6da
What is #d2d6da in RGB, HSL and CMYK?
In RGB, #d2d6da is rgb(210, 214, 218), in HSL hsl(210, 10%, 84%) and in CMYK 4%, 2%, 0%, 15%.
Does #d2d6da work well for body text?
Using #d2d6da as body text is generally not recommended because its high lightness offers poor contrast against standard white backgrounds. It serves much better as a subtle container, divider, or background color where it can support darker text like charcoal or deep navy.
What colors pair best with #d2d6da?
Because #d2d6da is a neutral, high-lightness grey, it pairs perfectly with high-saturation accent colors to prevent designs from feeling washed out. It creates a balanced look when combined with bold hues like navy, forest green, or a deep terracotta.
Is #d2d6da readable on white or black?
#d2d6da has a 1.46:1 contrast ratio on white and 14.37: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.