Preview
#c0dbe9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.55:1
HEX
#c0dbe9
RGB
rgb(192, 219, 233)
RGBA
rgba(192, 219, 233, 1)
HSL
hsl(200, 48%, 83%)
HSV
hsv(200, 18%, 91%)
LAB
lab(85.88% -6.04 -9.86)
LCH
lch(85.88% 11.56 238.51)
OKLAB
oklab(0.8759 -0.0222 -0.0267)
OKLCH
oklch(0.8759 0.0347 230.26)
XYZ
xyz(61.77, 67.75, 86.90)
CMYK
cmyk(18%, 6%, 0%, 9%)
CSS
color: #c0dbe9;
CSS variable
--color-c0dbe9: #c0dbe9;
SCSS
$color-c0dbe9: #c0dbe9;
Tailwind
sky-100
Export
:root {
--#c0dbe9-1: #c0dbe9;
}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.