Preview
#4a4f54
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.28:1 · vs black: 2.54:1
HEX
#4a4f54
RGB
rgb(74, 79, 84)
RGBA
rgba(74, 79, 84, 1)
HSL
hsl(210, 6%, 31%)
HSV
hsv(210, 12%, 33%)
LAB
lab(33.32% -0.85 -3.63)
LCH
lch(33.32% 3.73 256.82)
OKLAB
oklab(0.4249 -0.0039 -0.0098)
OKLCH
oklch(0.4249 0.0105 248.3)
XYZ
xyz(7.22, 7.69, 9.49)
CMYK
cmyk(12%, 6%, 0%, 67%)
CSS
color: #4a4f54;
CSS variable
--color-4a4f54: #4a4f54;
SCSS
$color-4a4f54: #4a4f54;
Tailwind
slate-600
Export
:root {
--#4a4f54-1: #4a4f54;
}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.