Preview
#d0d3d4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.95:1
HEX
#d0d3d4
RGB
rgb(208, 211, 212)
RGBA
rgba(208, 211, 212, 1)
HSL
hsl(195, 4%, 82%)
HSV
hsv(195, 2%, 83%)
LAB
lab(84.36% -0.84 -0.85)
LCH
lch(84.36% 1.2 225.34)
OKLAB
oklab(0.8648 -0.0028 -0.0023)
OKLCH
oklch(0.8648 0.0036 219.4)
XYZ
xyz(61.19, 64.75, 71.55)
CMYK
cmyk(2%, 0%, 0%, 17%)
CSS
color: #d0d3d4;
CSS variable
--color-d0d3d4: #d0d3d4;
SCSS
$color-d0d3d4: #d0d3d4;
Tailwind
slate-100
Export
:root {
--#d0d3d4-1: #d0d3d4;
}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.