Preview
#50a2eb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.72:1 · vs black: 7.71:1
HEX
#50a2eb
RGB
rgb(80, 162, 235)
RGBA
rgba(80, 162, 235, 1)
HSL
hsl(208, 79%, 62%)
HSV
hsv(208, 66%, 92%)
LAB
lab(64.6% -2.42 -44.04)
LCH
lch(64.6% 44.11 266.85)
OKLAB
oklab(0.6929 -0.0505 -0.1246)
OKLCH
oklch(0.6929 0.1344 247.94)
XYZ
xyz(31.22, 33.54, 83.41)
CMYK
cmyk(66%, 31%, 0%, 8%)
CSS
color: #50a2eb;
CSS variable
--color-50a2eb: #50a2eb;
SCSS
$color-50a2eb: #50a2eb;
Tailwind
sky-300
Export
:root {
--#50a2eb-1: #50a2eb;
}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.