Preview
#c1ccd1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.83:1
HEX
#c1ccd1
RGB
rgb(193, 204, 209)
RGBA
rgba(193, 204, 209, 1)
HSL
hsl(199, 15%, 79%)
HSV
hsv(199, 8%, 82%)
LAB
lab(81.36% -2.77 -3.77)
LCH
lch(81.36% 4.68 233.69)
OKLAB
oklab(0.8382 -0.0096 -0.0101)
OKLCH
oklch(0.8382 0.0139 226.45)
XYZ
xyz(55.09, 59.13, 68.82)
CMYK
cmyk(8%, 2%, 0%, 18%)
CSS
color: #c1ccd1;
CSS variable
--color-c1ccd1: #c1ccd1;
SCSS
$color-c1ccd1: #c1ccd1;
Tailwind
cyan-200
Export
:root {
--#c1ccd1-1: #c1ccd1;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.