Preview
#4e83b1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.03:1 · vs black: 5.21:1
HEX
#4e83b1
RGB
rgb(78, 131, 177)
RGBA
rgba(78, 131, 177, 1)
HSL
hsl(208, 39%, 50%)
HSV
hsv(208, 56%, 69%)
LAB
lab(52.98% -3.98 -29.64)
LCH
lch(52.98% 29.91 262.35)
OKLAB
oklab(0.5926 -0.0365 -0.0831)
OKLCH
oklch(0.5926 0.0908 246.29)
XYZ
xyz(19.19, 21.02, 44.63)
CMYK
cmyk(56%, 26%, 0%, 31%)
CSS
color: #4e83b1;
CSS variable
--color-4e83b1: #4e83b1;
SCSS
$color-4e83b1: #4e83b1;
Tailwind
sky-500
Export
:root {
--#4e83b1-1: #4e83b1;
}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.