Preview
#4c4e52
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.34:1 · vs black: 2.52:1
HEX
#4c4e52
RGB
rgb(76, 78, 82)
RGBA
rgba(76, 78, 82, 1)
HSL
hsl(220, 4%, 31%)
HSV
hsv(220, 7%, 32%)
LAB
lab(33.12% 0.09 -2.64)
LCH
lch(33.12% 2.64 271.95)
OKLAB
oklab(0.4235 -0.0007 -0.0071)
OKLCH
oklch(0.4235 0.0071 264.37)
XYZ
xyz(7.23, 7.59, 9.07)
CMYK
cmyk(7%, 5%, 0%, 68%)
CSS
color: #4c4e52;
CSS variable
--color-4c4e52: #4c4e52;
SCSS
$color-4c4e52: #4c4e52;
Tailwind
slate-600
Export
:root {
--#4c4e52-1: #4c4e52;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.