Preview
#bbdefb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.4:1 · vs black: 14.95:1
HEX
#bbdefb
RGB
rgb(187, 222, 251)
RGBA
rgba(187, 222, 251, 1)
HSL
hsl(207, 89%, 86%)
HSV
hsv(207, 25%, 98%)
LAB
lab(86.88% -5.17 -17.89)
LCH
lch(86.88% 18.62 253.88)
OKLAB
oklab(0.8848 -0.0245 -0.0488)
OKLCH
oklch(0.8848 0.0546 243.34)
XYZ
xyz(64.02, 69.77, 101.34)
CMYK
cmyk(25%, 12%, 0%, 2%)
CSS
color: #bbdefb;
CSS variable
--color-bbdefb: #bbdefb;
SCSS
$color-bbdefb: #bbdefb;
Tailwind
sky-100
Export
:root {
--material-blue-100-1: #bbdefb;
}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.