Preview
#b3cfdf
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.91:1
HEX
#b3cfdf
RGB
rgb(179, 207, 223)
RGBA
rgba(179, 207, 223, 1)
HSL
hsl(202, 41%, 79%)
HSV
hsv(202, 20%, 87%)
LAB
lab(81.59% -5.95 -11.03)
LCH
lch(81.59% 12.53 241.66)
OKLAB
oklab(0.8389 -0.0226 -0.0299)
OKLCH
oklch(0.8389 0.0375 232.92)
XYZ
xyz(54.22, 59.54, 78.43)
CMYK
cmyk(20%, 7%, 0%, 13%)
CSS
color: #b3cfdf;
CSS variable
--color-b3cfdf: #b3cfdf;
SCSS
$color-b3cfdf: #b3cfdf;
Tailwind
sky-200
Export
:root {
--#b3cfdf-1: #b3cfdf;
}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.