Preview
#d8d2d2
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.07:1
HEX
#d8d2d2
RGB
rgb(216, 210, 210)
RGBA
rgba(216, 210, 210, 1)
HSL
hsl(0, 7%, 84%)
HSV
hsv(0, 3%, 85%)
LAB
lab(84.66% 2.06 0.73)
LCH
lch(84.66% 2.19 19.51)
OKLAB
oklab(0.8686 0.0063 0.002)
OKLCH
oklch(0.8686 0.0066 17.61)
XYZ
xyz(63.00, 65.35, 70.25)
CMYK
cmyk(0%, 3%, 3%, 15%)
CSS
color: #d8d2d2;
CSS variable
--color-d8d2d2: #d8d2d2;
SCSS
$color-d8d2d2: #d8d2d2;
Tailwind
slate-100
Export
:root {
--#d8d2d2-1: #d8d2d2;
}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.