Preview
#b7bfc2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.24:1
HEX
#b7bfc2
RGB
rgb(183, 191, 194)
RGBA
rgba(183, 191, 194, 1)
HSL
hsl(196, 8%, 74%)
HSV
hsv(196, 6%, 76%)
LAB
lab(76.81% -2.18 -2.47)
LCH
lch(76.81% 3.29 228.57)
OKLAB
oklab(0.7993 -0.0073 -0.0066)
OKLCH
oklch(0.7993 0.0098 222.12)
XYZ
xyz(47.89, 51.22, 58.39)
CMYK
cmyk(6%, 2%, 0%, 24%)
CSS
color: #b7bfc2;
CSS variable
--color-b7bfc2: #b7bfc2;
SCSS
$color-b7bfc2: #b7bfc2;
Tailwind
cyan-200
Export
:root {
--#b7bfc2-1: #b7bfc2;
}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.