Preview
#b9cfe0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.06:1
HEX
#b9cfe0
RGB
rgb(185, 207, 224)
RGBA
rgba(185, 207, 224, 1)
HSL
hsl(206, 39%, 80%)
HSV
hsv(206, 17%, 88%)
LAB
lab(82.01% -3.87 -10.89)
LCH
lch(82.01% 11.56 250.44)
OKLAB
oklab(0.8434 -0.0162 -0.0295)
OKLCH
oklch(0.8434 0.0337 241.23)
XYZ
xyz(55.77, 60.32, 79.21)
CMYK
cmyk(17%, 8%, 0%, 12%)
CSS
color: #b9cfe0;
CSS variable
--color-b9cfe0: #b9cfe0;
SCSS
$color-b9cfe0: #b9cfe0;
Tailwind
sky-200
Export
:root {
--#b9cfe0-1: #b9cfe0;
}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.