Preview
#9bceff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.67:1
HEX
#9bceff
RGB
rgb(155, 206, 255)
RGBA
rgba(155, 206, 255, 1)
HSL
hsl(209, 100%, 80%)
HSV
hsv(209, 39%, 100%)
LAB
lab(80.92% -4.59 -29.24)
LCH
lch(80.92% 29.6 261.08)
OKLAB
oklab(0.8334 -0.0328 -0.0809)
OKLCH
oklch(0.8334 0.0873 247.93)
XYZ
xyz(53.63, 58.33, 103.02)
CMYK
cmyk(39%, 19%, 0%, 0%)
CSS
color: #9bceff;
CSS variable
--color-9bceff: #9bceff;
SCSS
$color-9bceff: #9bceff;
Tailwind
sky-200
Export
:root {
--#9bceff-1: #9bceff;
}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.