Preview
#bfd3df
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.6:1
HEX
#bfd3df
RGB
rgb(191, 211, 223)
RGBA
rgba(191, 211, 223, 1)
HSL
hsl(203, 33%, 81%)
HSV
hsv(203, 14%, 87%)
LAB
lab(83.44% -4.28 -8.19)
LCH
lch(83.44% 9.24 242.41)
OKLAB
oklab(0.8555 -0.016 -0.0221)
OKLCH
oklch(0.8555 0.0273 234.1)
XYZ
xyz(58.10, 62.99, 78.90)
CMYK
cmyk(14%, 5%, 0%, 13%)
CSS
color: #bfd3df;
CSS variable
--color-bfd3df: #bfd3df;
SCSS
$color-bfd3df: #bfd3df;
Tailwind
sky-100
Export
:root {
--#bfd3df-1: #bfd3df;
}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.