Preview
#d5d1d0
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.86:1
HEX
#d5d1d0
RGB
rgb(213, 209, 208)
RGBA
rgba(213, 209, 208, 1)
HSL
hsl(12, 6%, 83%)
HSV
hsv(12, 2%, 84%)
LAB
lab(84.12% 1.19 0.98)
LCH
lch(84.12% 1.54 39.47)
OKLAB
oklab(0.8636 0.0038 0.0026)
OKLCH
oklch(0.8636 0.0046 34.38)
XYZ
xyz(61.62, 64.30, 68.83)
CMYK
cmyk(0%, 2%, 2%, 16%)
CSS
color: #d5d1d0;
CSS variable
--color-d5d1d0: #d5d1d0;
SCSS
$color-d5d1d0: #d5d1d0;
Tailwind
slate-100
Export
:root {
--#d5d1d0-1: #d5d1d0;
}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.