Preview
#4e5156
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.97:1 · vs black: 2.64:1
HEX
#4e5156
RGB
rgb(78, 81, 86)
RGBA
rgba(78, 81, 86, 1)
HSL
hsl(218, 5%, 32%)
HSV
hsv(218, 9%, 34%)
LAB
lab(34.35% -0.07 -3.34)
LCH
lch(34.35% 3.34 268.8)
OKLAB
oklab(0.434 -0.0015 -0.009)
OKLCH
oklch(0.434 0.0091 260.54)
XYZ
xyz(7.76, 8.18, 9.97)
CMYK
cmyk(9%, 6%, 0%, 66%)
CSS
color: #4e5156;
CSS variable
--color-4e5156: #4e5156;
SCSS
$color-4e5156: #4e5156;
Tailwind
slate-600
Export
:root {
--#4e5156-1: #4e5156;
}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.