Preview
#5e82a2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.05:1 · vs black: 5.19:1
HEX
#5e82a2
RGB
rgb(94, 130, 162)
RGBA
rgba(94, 130, 162, 1)
HSL
hsl(208, 27%, 50%)
HSV
hsv(208, 42%, 64%)
LAB
lab(52.9% -4.01 -21.04)
LCH
lch(52.9% 21.42 259.21)
OKLAB
oklab(0.5921 -0.026 -0.0583)
OKLCH
oklch(0.5921 0.0638 245.96)
XYZ
xyz(19.12, 20.95, 37.21)
CMYK
cmyk(42%, 20%, 0%, 36%)
CSS
color: #5e82a2;
CSS variable
--color-5e82a2: #5e82a2;
SCSS
$color-5e82a2: #5e82a2;
Tailwind
sky-500
Export
:root {
--#5e82a2-1: #5e82a2;
}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.