Preview
#c3d4df
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.8:1
HEX
#c3d4df
RGB
rgb(195, 212, 223)
RGBA
rgba(195, 212, 223, 1)
HSL
hsl(204, 30%, 82%)
HSV
hsv(204, 13%, 87%)
LAB
lab(83.97% -3.52 -7.37)
LCH
lch(83.97% 8.17 244.47)
OKLAB
oklab(0.8605 -0.0134 -0.0198)
OKLCH
oklch(0.8605 0.0239 235.91)
XYZ
xyz(59.37, 64.02, 79.03)
CMYK
cmyk(13%, 5%, 0%, 13%)
CSS
color: #c3d4df;
CSS variable
--color-c3d4df: #c3d4df;
SCSS
$color-c3d4df: #c3d4df;
Tailwind
sky-100
Export
:root {
--#c3d4df-1: #c3d4df;
}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.