Preview
#cdcfca
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.37:1
HEX
#cdcfca
RGB
rgb(205, 207, 202)
RGBA
rgba(205, 207, 202, 1)
HSL
hsl(84, 5%, 80%)
HSV
hsv(84, 2%, 81%)
LAB
lab(82.84% -1.59 2.24)
LCH
lch(82.84% 2.75 125.37)
OKLAB
oklab(0.8515 -0.004 0.0059)
OKLCH
oklch(0.8515 0.0071 124.14)
XYZ
xyz(58.15, 61.87, 64.74)
CMYK
cmyk(1%, 0%, 2%, 19%)
CSS
color: #cdcfca;
CSS variable
--color-cdcfca: #cdcfca;
SCSS
$color-cdcfca: #cdcfca;
Tailwind
slate-200
Export
:root {
--#cdcfca-1: #cdcfca;
}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.