Preview
#878c92
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.39:1 · vs black: 6.2:1
HEX
#878c92
RGB
rgb(135, 140, 146)
RGBA
rgba(135, 140, 146, 1)
HSL
hsl(213, 5%, 55%)
HSV
hsv(213, 8%, 57%)
LAB
lab(58.02% -0.6 -3.82)
LCH
lch(58.02% 3.87 261.07)
OKLAB
oklab(0.6379 -0.0032 -0.0102)
OKLCH
oklch(0.6379 0.0107 252.58)
XYZ
xyz(24.56, 25.98, 30.91)
CMYK
cmyk(8%, 4%, 0%, 43%)
CSS
color: #878c92;
CSS variable
--color-878c92: #878c92;
SCSS
$color-878c92: #878c92;
Tailwind
slate-400
Export
:root {
--#878c92-1: #878c92;
}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.