Preview
#d5d5d9
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.35:1
HEX
#d5d5d9
RGB
rgb(213, 213, 217)
RGBA
rgba(213, 213, 217, 1)
HSL
hsl(240, 5%, 84%)
HSV
hsv(240, 2%, 85%)
LAB
lab(85.37% 0.73 -1.97)
LCH
lch(85.37% 2.1 290.33)
OKLAB
oklab(0.8742 0.0015 -0.0052)
OKLCH
oklch(0.8742 0.0054 286.09)
XYZ
xyz(63.76, 66.74, 75.16)
CMYK
cmyk(2%, 2%, 0%, 15%)
CSS
color: #d5d5d9;
CSS variable
--color-d5d5d9: #d5d5d9;
SCSS
$color-d5d5d9: #d5d5d9;
Tailwind
slate-100
Export
:root {
--#d5d5d9-1: #d5d5d9;
}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.