Preview
#c2d3e0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.69:1
HEX
#c2d3e0
RGB
rgb(194, 211, 224)
RGBA
rgba(194, 211, 224, 1)
HSL
hsl(206, 33%, 82%)
HSV
hsv(206, 13%, 88%)
LAB
lab(83.67% -3.12 -8.35)
LCH
lch(83.67% 8.91 249.51)
OKLAB
oklab(0.858 -0.0126 -0.0225)
OKLCH
oklch(0.858 0.0258 240.75)
XYZ
xyz(58.99, 63.44, 79.64)
CMYK
cmyk(13%, 6%, 0%, 12%)
CSS
color: #c2d3e0;
CSS variable
--color-c2d3e0: #c2d3e0;
SCSS
$color-c2d3e0: #c2d3e0;
Tailwind
sky-100
Export
:root {
--#c2d3e0-1: #c2d3e0;
}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.