Preview
#c7d1da
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.56:1
HEX
#c7d1da
RGB
rgb(199, 209, 218)
RGBA
rgba(199, 209, 218, 1)
HSL
hsl(208, 20%, 82%)
HSV
hsv(208, 9%, 85%)
LAB
lab(83.34% -1.65 -5.61)
LCH
lch(83.34% 5.85 253.61)
OKLAB
oklab(0.8557 -0.007 -0.0151)
OKLCH
oklch(0.8557 0.0166 245.13)
XYZ
xyz(59.01, 62.80, 75.33)
CMYK
cmyk(9%, 4%, 0%, 15%)
CSS
color: #c7d1da;
CSS variable
--color-c7d1da: #c7d1da;
SCSS
$color-c7d1da: #c7d1da;
Tailwind
sky-100
Export
:root {
--#c7d1da-1: #c7d1da;
}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.