Preview
#0096fa
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.11:1 · vs black: 6.74:1
HEX
#0096fa
RGB
rgb(0, 150, 250)
RGBA
rgba(0, 150, 250, 1)
HSL
hsl(204, 100%, 49%)
HSV
hsv(204, 100%, 98%)
LAB
lab(60.53% 3.45 -58.82)
LCH
lch(60.53% 58.92 273.36)
OKLAB
oklab(0.6593 -0.0655 -0.1686)
OKLCH
oklch(0.6593 0.1809 248.77)
XYZ
xyz(28.15, 28.71, 94.48)
CMYK
cmyk(100%, 40%, 0%, 2%)
CSS
color: #0096fa;
CSS variable
--color-0096fa: #0096fa;
SCSS
$color-0096fa: #0096fa;
Tailwind
sky-500
Export
:root {
--#0096fa-1: #0096fa;
}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.