Preview
#cecdd1
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.28:1
HEX
#cecdd1
RGB
rgb(206, 205, 209)
RGBA
rgba(206, 205, 209, 1)
HSL
hsl(255, 4%, 81%)
HSV
hsv(255, 2%, 82%)
LAB
lab(82.59% 1.08 -1.86)
LCH
lch(82.59% 2.15 300.14)
OKLAB
oklab(0.8503 0.0026 -0.0049)
OKLCH
oklch(0.8503 0.0055 297.95)
XYZ
xyz(58.79, 61.39, 69.06)
CMYK
cmyk(1%, 2%, 0%, 18%)
CSS
color: #cecdd1;
CSS variable
--color-cecdd1: #cecdd1;
SCSS
$color-cecdd1: #cecdd1;
Tailwind
slate-100
Export
:root {
--#cecdd1-1: #cecdd1;
}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.