Preview
#4d87b3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.87:1 · vs black: 5.43:1
HEX
#4d87b3
RGB
rgb(77, 135, 179)
RGBA
rgba(77, 135, 179, 1)
HSL
hsl(206, 40%, 50%)
HSV
hsv(206, 57%, 70%)
LAB
lab(54.19% -5.87 -28.9)
LCH
lch(54.19% 29.49 258.52)
OKLAB
oklab(0.6023 -0.0413 -0.081)
OKLCH
oklch(0.6023 0.0909 242.98)
XYZ
xyz(19.86, 22.16, 45.87)
CMYK
cmyk(57%, 25%, 0%, 30%)
CSS
color: #4d87b3;
CSS variable
--color-4d87b3: #4d87b3;
SCSS
$color-4d87b3: #4d87b3;
Tailwind
sky-500
Export
:root {
--#4d87b3-1: #4d87b3;
}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.