Preview
#c0dae3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.38:1
HEX
#c0dae3
RGB
rgb(192, 218, 227)
RGBA
rgba(192, 218, 227, 1)
HSL
hsl(195, 38%, 82%)
HSV
hsv(195, 15%, 89%)
LAB
lab(85.45% -6.77 -7.32)
LCH
lch(85.45% 9.97 227.24)
OKLAB
oklab(0.872 -0.0231 -0.0198)
OKLCH
oklch(0.872 0.0304 220.6)
XYZ
xyz(60.67, 66.89, 82.37)
CMYK
cmyk(15%, 4%, 0%, 11%)
CSS
color: #c0dae3;
CSS variable
--color-c0dae3: #c0dae3;
SCSS
$color-c0dae3: #c0dae3;
Tailwind
cyan-100
Export
:root {
--#c0dae3-1: #c0dae3;
}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.