Preview
#bdcfdb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.6:1 · vs black: 13.11:1
HEX
#bdcfdb
RGB
rgb(189, 207, 219)
RGBA
rgba(189, 207, 219, 1)
HSL
hsl(204, 29%, 80%)
HSV
hsv(204, 14%, 86%)
LAB
lab(82.14% -3.65 -8)
LCH
lch(82.14% 8.79 245.48)
OKLAB
oklab(0.8446 -0.0141 -0.0216)
OKLCH
oklch(0.8446 0.0258 236.86)
XYZ
xyz(56.08, 60.56, 75.74)
CMYK
cmyk(14%, 5%, 0%, 14%)
CSS
color: #bdcfdb;
CSS variable
--color-bdcfdb: #bdcfdb;
SCSS
$color-bdcfdb: #bdcfdb;
Tailwind
sky-200
Export
:root {
--#bdcfdb-1: #bdcfdb;
}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.