Preview
#4a555e
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.63:1 · vs black: 2.75:1
HEX
#4a555e
RGB
rgb(74, 85, 94)
RGBA
rgba(74, 85, 94, 1)
HSL
hsl(207, 12%, 33%)
HSV
hsv(207, 21%, 37%)
LAB
lab(35.52% -2.1 -6.67)
LCH
lch(35.52% 6.99 252.52)
OKLAB
oklab(0.4433 -0.0093 -0.0181)
OKLCH
oklch(0.4433 0.0203 242.81)
XYZ
xyz(8.09, 8.76, 11.85)
CMYK
cmyk(21%, 10%, 0%, 63%)
CSS
color: #4a555e;
CSS variable
--color-4a555e: #4a555e;
SCSS
$color-4a555e: #4a555e;
Tailwind
sky-600
Export
:root {
--#4a555e-1: #4a555e;
}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.