Preview
#4c5a66
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.09:1 · vs black: 2.96:1
HEX
#4c5a66
RGB
rgb(76, 90, 102)
RGBA
rgba(76, 90, 102, 1)
HSL
hsl(208, 15%, 35%)
HSV
hsv(208, 25%, 40%)
LAB
lab(37.5% -2.4 -8.68)
LCH
lch(37.5% 9.01 254.54)
OKLAB
oklab(0.4602 -0.0114 -0.0236)
OKLCH
oklch(0.4602 0.0262 244.22)
XYZ
xyz(9.03, 9.81, 13.98)
CMYK
cmyk(25%, 12%, 0%, 60%)
CSS
color: #4c5a66;
CSS variable
--color-4c5a66: #4c5a66;
SCSS
$color-4c5a66: #4c5a66;
Tailwind
sky-600
Export
:root {
--#4c5a66-1: #4c5a66;
}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.