Preview
#cfd2d3
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.81:1
HEX
#cfd2d3
RGB
rgb(207, 210, 211)
RGBA
rgba(207, 210, 211, 1)
HSL
hsl(195, 4%, 82%)
HSV
hsv(195, 2%, 83%)
LAB
lab(84% -0.84 -0.85)
LCH
lch(84% 1.2 225.34)
OKLAB
oklab(0.8617 -0.0028 -0.0023)
OKLCH
oklch(0.8617 0.0036 219.4)
XYZ
xyz(60.53, 64.06, 70.79)
CMYK
cmyk(2%, 0%, 0%, 17%)
CSS
color: #cfd2d3;
CSS variable
--color-cfd2d3: #cfd2d3;
SCSS
$color-cfd2d3: #cfd2d3;
Tailwind
slate-100
Export
:root {
--#cfd2d3-1: #cfd2d3;
}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.