Preview
#4d5056
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.09:1 · vs black: 2.6:1
HEX
#4d5056
RGB
rgb(77, 80, 86)
RGBA
rgba(77, 80, 86, 1)
HSL
hsl(220, 6%, 32%)
HSV
hsv(220, 10%, 34%)
LAB
lab(33.96% 0.16 -3.93)
LCH
lch(33.96% 3.93 272.33)
OKLAB
oklab(0.4307 -0.001 -0.0106)
OKLCH
oklch(0.4307 0.0106 264.61)
XYZ
xyz(7.61, 7.99, 9.94)
CMYK
cmyk(10%, 7%, 0%, 66%)
CSS
color: #4d5056;
CSS variable
--color-4d5056: #4d5056;
SCSS
$color-4d5056: #4d5056;
Tailwind
slate-600
Export
:root {
--#4d5056-1: #4d5056;
}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.