Preview
#4c5055
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.12:1 · vs black: 2.59:1
HEX
#4c5055
RGB
rgb(76, 80, 85)
RGBA
rgba(76, 80, 85, 1)
HSL
hsl(213, 6%, 32%)
HSV
hsv(213, 11%, 33%)
LAB
lab(33.84% -0.46 -3.49)
LCH
lch(33.84% 3.52 262.49)
OKLAB
oklab(0.4294 -0.0027 -0.0094)
OKLCH
oklch(0.4294 0.0098 253.97)
XYZ
xyz(7.49, 7.93, 9.73)
CMYK
cmyk(11%, 6%, 0%, 67%)
CSS
color: #4c5055;
CSS variable
--color-4c5055: #4c5055;
SCSS
$color-4c5055: #4c5055;
Tailwind
slate-600
Export
:root {
--#4c5055-1: #4c5055;
}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.