Preview
#878b8d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.44:1 · vs black: 6.11:1
HEX
#878b8d
RGB
rgb(135, 139, 141)
RGBA
rgba(135, 139, 141, 1)
HSL
hsl(200, 3%, 54%)
HSV
hsv(200, 4%, 55%)
LAB
lab(57.6% -1.06 -1.58)
LCH
lch(57.6% 1.9 236.14)
OKLAB
oklab(0.634 -0.0037 -0.0042)
OKLCH
oklch(0.634 0.0056 228.62)
XYZ
xyz(24.03, 25.54, 28.86)
CMYK
cmyk(4%, 1%, 0%, 45%)
CSS
color: #878b8d;
CSS variable
--color-878b8d: #878b8d;
SCSS
$color-878b8d: #878b8d;
Tailwind
slate-400
Export
:root {
--#878b8d-1: #878b8d;
}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.