Preview
#ccc8ce
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.72:1
HEX
#ccc8ce
RGB
rgb(204, 200, 206)
RGBA
rgba(204, 200, 206, 1)
HSL
hsl(280, 6%, 80%)
HSV
hsv(280, 3%, 81%)
LAB
lab(81.07% 2.48 -2.5)
LCH
lch(81.07% 3.52 314.77)
OKLAB
oklab(0.8378 0.0066 -0.0066)
OKLCH
oklch(0.8378 0.0093 315)
XYZ
xyz(56.69, 58.60, 66.71)
CMYK
cmyk(1%, 3%, 0%, 19%)
CSS
color: #ccc8ce;
CSS variable
--color-ccc8ce: #ccc8ce;
SCSS
$color-ccc8ce: #ccc8ce;
Tailwind
slate-200
Export
:root {
--#ccc8ce-1: #ccc8ce;
}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.