Preview
#cfd1d4
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.72:1
HEX
#cfd1d4
RGB
rgb(207, 209, 212)
RGBA
rgba(207, 209, 212, 1)
HSL
hsl(216, 5%, 82%)
HSV
hsv(216, 2%, 83%)
LAB
lab(83.77% -0.13 -1.72)
LCH
lch(83.77% 1.72 265.68)
OKLAB
oklab(0.86 -0.0009 -0.0046)
OKLCH
oklch(0.86 0.0047 258.93)
XYZ
xyz(60.41, 63.62, 71.37)
CMYK
cmyk(2%, 1%, 0%, 17%)
CSS
color: #cfd1d4;
CSS variable
--color-cfd1d4: #cfd1d4;
SCSS
$color-cfd1d4: #cfd1d4;
Tailwind
slate-100
Export
:root {
--#cfd1d4-1: #cfd1d4;
}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.