Preview
#cfd2d4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.82:1
HEX
#cfd2d4
RGB
rgb(207, 210, 212)
RGBA
rgba(207, 210, 212, 1)
HSL
hsl(204, 5%, 82%)
HSV
hsv(204, 2%, 83%)
LAB
lab(84.02% -0.65 -1.35)
LCH
lch(84.02% 1.5 244.29)
OKLAB
oklab(0.862 -0.0024 -0.0036)
OKLCH
oklch(0.862 0.0043 236.31)
XYZ
xyz(60.66, 64.11, 71.45)
CMYK
cmyk(2%, 1%, 0%, 17%)
CSS
color: #cfd2d4;
CSS variable
--color-cfd2d4: #cfd2d4;
SCSS
$color-cfd2d4: #cfd2d4;
Tailwind
slate-100
Export
:root {
--#cfd2d4-1: #cfd2d4;
}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.