Preview
#0099ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3:1 · vs black: 7:1
HEX
#0099ff
RGB
rgb(0, 153, 255)
RGBA
rgba(0, 153, 255, 1)
HSL
hsl(204, 100%, 50%)
HSV
hsv(204, 100%, 100%)
LAB
lab(61.65% 3.57 -59.76)
LCH
lch(61.65% 59.87 273.42)
OKLAB
oklab(0.669 -0.0664 -0.1713)
OKLCH
oklch(0.669 0.1837 248.81)
XYZ
xyz(29.43, 30.00, 98.83)
CMYK
cmyk(100%, 40%, 0%, 0%)
CSS
color: #0099ff;
CSS variable
--color-0099ff: #0099ff;
SCSS
$color-0099ff: #0099ff;
Tailwind
sky-500
Export
:root {
--web-safe-#0099ff-1: #0099ff;
}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.