Preview
#cecfc8
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.38:1
HEX
#cecfc8
RGB
rgb(206, 207, 200)
RGBA
rgba(206, 207, 200, 1)
HSL
hsl(69, 7%, 80%)
HSV
hsv(69, 3%, 81%)
LAB
lab(82.87% -1.6 3.35)
LCH
lch(82.87% 3.71 115.53)
OKLAB
oklab(0.8517 -0.0038 0.0088)
OKLCH
oklch(0.8517 0.0096 113.36)
XYZ
xyz(58.19, 61.92, 63.52)
CMYK
cmyk(0%, 0%, 3%, 19%)
CSS
color: #cecfc8;
CSS variable
--color-cecfc8: #cecfc8;
SCSS
$color-cecfc8: #cecfc8;
Tailwind
slate-200
Export
:root {
--#cecfc8-1: #cecfc8;
}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.