Preview
#cbcee2
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.47:1
HEX
#cbcee2
RGB
rgb(203, 206, 226)
RGBA
rgba(203, 206, 226, 1)
HSL
hsl(232, 28%, 84%)
HSV
hsv(232, 10%, 89%)
LAB
lab(83.09% 2.82 -10.22)
LCH
lch(83.09% 10.6 285.43)
OKLAB
oklab(0.8552 0.0044 -0.0275)
OKLCH
oklch(0.8552 0.0278 279.09)
XYZ
xyz(60.42, 62.33, 80.78)
CMYK
cmyk(10%, 9%, 0%, 11%)
CSS
color: #cbcee2;
CSS variable
--color-cbcee2: #cbcee2;
SCSS
$color-cbcee2: #cbcee2;
Tailwind
blue-100
Export
:root {
--#cbcee2-1: #cbcee2;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.