Preview
#c4ccd1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.9:1
HEX
#c4ccd1
RGB
rgb(196, 204, 209)
RGBA
rgba(196, 204, 209, 1)
HSL
hsl(203, 12%, 79%)
HSV
hsv(203, 6%, 82%)
LAB
lab(81.58% -1.77 -3.43)
LCH
lch(81.58% 3.86 242.7)
OKLAB
oklab(0.8405 -0.0065 -0.0092)
OKLCH
oklch(0.8405 0.0113 234.76)
XYZ
xyz(55.86, 59.52, 68.86)
CMYK
cmyk(6%, 2%, 0%, 18%)
CSS
color: #c4ccd1;
CSS variable
--color-c4ccd1: #c4ccd1;
SCSS
$color-c4ccd1: #c4ccd1;
Tailwind
sky-200
Export
:root {
--#c4ccd1-1: #c4ccd1;
}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.