Preview
#b3e9ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.02:1
HEX
#b3e9ff
RGB
rgb(179, 233, 255)
RGBA
rgba(179, 233, 255, 1)
HSL
hsl(197, 100%, 85%)
HSV
hsv(197, 30%, 100%)
LAB
lab(89.43% -12.18 -16.2)
LCH
lch(89.43% 20.27 233.06)
OKLAB
oklab(0.9041 -0.0445 -0.0443)
OKLCH
oklch(0.9041 0.0628 224.87)
XYZ
xyz(65.77, 75.08, 105.61)
CMYK
cmyk(30%, 9%, 0%, 0%)
CSS
color: #b3e9ff;
CSS variable
--color-b3e9ff: #b3e9ff;
SCSS
$color-b3e9ff: #b3e9ff;
Tailwind
cyan-100
Export
:root {
--#b3e9ff-1: #b3e9ff;
}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.