Preview
#cecbc7
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.99:1
HEX
#cecbc7
RGB
rgb(206, 203, 199)
RGBA
rgba(206, 203, 199, 1)
HSL
hsl(34, 7%, 79%)
HSV
hsv(34, 3%, 81%)
LAB
lab(81.82% 0.32 2.36)
LCH
lch(81.82% 2.38 82.28)
OKLAB
oklab(0.8434 0.0016 0.0062)
OKLCH
oklch(0.8434 0.0064 75.53)
XYZ
xyz(57.12, 59.96, 62.59)
CMYK
cmyk(0%, 1%, 3%, 19%)
CSS
color: #cecbc7;
CSS variable
--color-cecbc7: #cecbc7;
SCSS
$color-cecbc7: #cecbc7;
Tailwind
slate-200
Export
:root {
--#cecbc7-1: #cecbc7;
}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.