Preview
#9bbdd8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.66:1
HEX
#9bbdd8
RGB
rgb(155, 189, 216)
RGBA
rgba(155, 189, 216, 1)
HSL
hsl(207, 44%, 73%)
HSV
hsv(207, 28%, 85%)
LAB
lab(75.03% -5.25 -17.26)
LCH
lch(75.03% 18.04 253.08)
OKLAB
oklab(0.7825 -0.0248 -0.0472)
OKLCH
oklch(0.7825 0.0533 242.28)
XYZ
xyz(44.11, 48.32, 71.96)
CMYK
cmyk(28%, 12%, 0%, 15%)
CSS
color: #9bbdd8;
CSS variable
--color-9bbdd8: #9bbdd8;
SCSS
$color-9bbdd8: #9bbdd8;
Tailwind
sky-200
Export
:root {
--#9bbdd8-1: #9bbdd8;
}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.