Preview
#4b4e4f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.39:1 · vs black: 2.5:1
HEX
#4b4e4f
RGB
rgb(75, 78, 79)
RGBA
rgba(75, 78, 79, 1)
HSL
hsl(195, 3%, 30%)
HSV
hsv(195, 5%, 31%)
LAB
lab(32.94% -0.99 -1.01)
LCH
lch(32.94% 1.41 225.57)
OKLAB
oklab(0.4215 -0.0033 -0.0027)
OKLCH
oklch(0.4215 0.0043 219.29)
XYZ
xyz(7.04, 7.51, 8.47)
CMYK
cmyk(5%, 1%, 0%, 69%)
CSS
color: #4b4e4f;
CSS variable
--color-4b4e4f: #4b4e4f;
SCSS
$color-4b4e4f: #4b4e4f;
Tailwind
slate-700
Export
:root {
--#4b4e4f-1: #4b4e4f;
}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.