Preview
#4c4d51
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.44:1 · vs black: 2.49:1
HEX
#4c4d51
RGB
rgb(76, 77, 81)
RGBA
rgba(76, 77, 81, 1)
HSL
hsl(228, 3%, 31%)
HSV
hsv(228, 6%, 32%)
LAB
lab(32.78% 0.49 -2.5)
LCH
lch(32.78% 2.55 281.09)
OKLAB
oklab(0.4207 0.0006 -0.0067)
OKLCH
oklch(0.4207 0.0067 275.12)
XYZ
xyz(7.12, 7.44, 8.84)
CMYK
cmyk(6%, 5%, 0%, 68%)
CSS
color: #4c4d51;
CSS variable
--color-4c4d51: #4c4d51;
SCSS
$color-4c4d51: #4c4d51;
Tailwind
slate-600
Export
:root {
--#4c4d51-1: #4c4d51;
}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.