Preview
#bacdd8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.81:1
HEX
#bacdd8
RGB
rgb(186, 205, 216)
RGBA
rgba(186, 205, 216, 1)
HSL
hsl(202, 28%, 79%)
HSV
hsv(202, 14%, 85%)
LAB
lab(81.32% -4.18 -7.63)
LCH
lch(81.32% 8.7 241.28)
OKLAB
oklab(0.8374 -0.0155 -0.0206)
OKLCH
oklch(0.8374 0.0258 233.04)
XYZ
xyz(54.47, 59.06, 73.48)
CMYK
cmyk(14%, 5%, 0%, 15%)
CSS
color: #bacdd8;
CSS variable
--color-bacdd8: #bacdd8;
SCSS
$color-bacdd8: #bacdd8;
Tailwind
sky-200
Export
:root {
--#bacdd8-1: #bacdd8;
}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.