Preview
#bbc6ca
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.04:1
HEX
#bbc6ca
RGB
rgb(187, 198, 202)
RGBA
rgba(187, 198, 202, 1)
HSL
hsl(196, 12%, 76%)
HSV
hsv(196, 7%, 79%)
LAB
lab(79.17% -2.98 -3.3)
LCH
lch(79.17% 4.45 227.92)
OKLAB
oklab(0.8193 -0.01 -0.0088)
OKLCH
oklch(0.8193 0.0133 221.35)
XYZ
xyz(51.35, 55.22, 63.82)
CMYK
cmyk(7%, 2%, 0%, 21%)
CSS
color: #bbc6ca;
CSS variable
--color-bbc6ca: #bbc6ca;
SCSS
$color-bbc6ca: #bbc6ca;
Tailwind
cyan-200
Export
:root {
--#bbc6ca-1: #bbc6ca;
}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.