Preview
#d2d1d7
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.84:1
HEX
#d2d1d7
RGB
rgb(210, 209, 215)
RGBA
rgba(210, 209, 215, 1)
HSL
hsl(250, 7%, 83%)
HSV
hsv(250, 3%, 84%)
LAB
lab(84.07% 1.44 -2.84)
LCH
lch(84.07% 3.18 296.89)
OKLAB
oklab(0.8632 0.0033 -0.0075)
OKLCH
oklch(0.8632 0.0082 293.75)
XYZ
xyz(61.64, 64.21, 73.42)
CMYK
cmyk(2%, 3%, 0%, 16%)
CSS
color: #d2d1d7;
CSS variable
--color-d2d1d7: #d2d1d7;
SCSS
$color-d2d1d7: #d2d1d7;
Tailwind
slate-100
Export
:root {
--#d2d1d7-1: #d2d1d7;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.