Preview
#4c8ab6
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 3.74:1 · vs black: 5.62:1
HEX
#4c8ab6
RGB
rgb(76, 138, 182)
RGBA
rgba(76, 138, 182, 1)
HSL
hsl(205, 42%, 51%)
HSV
hsv(205, 58%, 71%)
LAB
lab(55.16% -6.84 -29.12)
LCH
lch(55.16% 29.91 256.78)
OKLAB
oklab(0.6103 -0.0445 -0.0816)
OKLCH
oklch(0.6103 0.0929 241.39)
XYZ
xyz(20.51, 23.09, 47.62)
CMYK
cmyk(58%, 24%, 0%, 29%)
CSS
color: #4c8ab6;
CSS variable
--color-4c8ab6: #4c8ab6;
SCSS
$color-4c8ab6: #4c8ab6;
Tailwind
sky-400
Export
:root {
--#4c8ab6-1: #4c8ab6;
}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.