Preview
#99dbff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.93:1
HEX
#99dbff
RGB
rgb(153, 219, 255)
RGBA
rgba(153, 219, 255, 1)
HSL
hsl(201, 100%, 80%)
HSV
hsv(201, 40%, 100%)
LAB
lab(84.3% -11.9 -24.08)
LCH
lch(84.3% 26.86 243.7)
OKLAB
oklab(0.8598 -0.0503 -0.0664)
OKLCH
oklch(0.8598 0.0833 232.85)
XYZ
xyz(56.51, 64.65, 104.09)
CMYK
cmyk(40%, 14%, 0%, 0%)
CSS
color: #99dbff;
CSS variable
--color-99dbff: #99dbff;
SCSS
$color-99dbff: #99dbff;
Tailwind
sky-200
Export
:root {
--#99dbff-1: #99dbff;
}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.