Preview
#b3bec5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.09:1
HEX
#b3bec5
RGB
rgb(179, 190, 197)
RGBA
rgba(179, 190, 197, 1)
HSL
hsl(203, 13%, 74%)
HSV
hsv(203, 9%, 77%)
LAB
lab(76.34% -2.4 -4.82)
LCH
lch(76.34% 5.38 243.53)
OKLAB
oklab(0.7951 -0.0089 -0.013)
OKLCH
oklch(0.7951 0.0158 235.6)
XYZ
xyz(47.08, 50.44, 60.07)
CMYK
cmyk(9%, 4%, 0%, 23%)
CSS
color: #b3bec5;
CSS variable
--color-b3bec5: #b3bec5;
SCSS
$color-b3bec5: #b3bec5;
Tailwind
sky-200
Export
:root {
--#b3bec5-1: #b3bec5;
}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.