Preview
#cecfcd
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.43:1
HEX
#cecfcd
RGB
rgb(206, 207, 205)
RGBA
rgba(206, 207, 205, 1)
HSL
hsl(90, 2%, 81%)
HSV
hsv(90, 1%, 81%)
LAB
lab(83% -0.71 0.87)
LCH
lch(83% 1.12 129.22)
OKLAB
oklab(0.8532 -0.0018 0.0023)
OKLCH
oklch(0.8532 0.0029 128.05)
XYZ
xyz(58.78, 62.16, 66.65)
CMYK
cmyk(0%, 0%, 1%, 19%)
CSS
color: #cecfcd;
CSS variable
--color-cecfcd: #cecfcd;
SCSS
$color-cecfcd: #cecfcd;
Tailwind
slate-100
Export
:root {
--#cecfcd-1: #cecfcd;
}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.