Preview
#cdccd3
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.17:1
HEX
#cdccd3
RGB
rgb(205, 204, 211)
RGBA
rgba(205, 204, 211, 1)
HSL
hsl(249, 7%, 81%)
HSV
hsv(249, 3%, 83%)
LAB
lab(82.31% 1.64 -3.35)
LCH
lch(82.31% 3.73 296.08)
OKLAB
oklab(0.8481 0.0037 -0.0089)
OKLCH
oklch(0.8481 0.0096 292.57)
XYZ
xyz(58.53, 60.87, 70.28)
CMYK
cmyk(3%, 3%, 0%, 17%)
CSS
color: #cdccd3;
CSS variable
--color-cdccd3: #cdccd3;
SCSS
$color-cdccd3: #cdccd3;
Tailwind
slate-100
Export
:root {
--#cdccd3-1: #cdccd3;
}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.