Preview
#84878f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.59:1 · vs black: 5.84:1
HEX
#84878f
RGB
rgb(132, 135, 143)
RGBA
rgba(132, 135, 143, 1)
HSL
hsl(224, 5%, 54%)
HSV
hsv(224, 8%, 56%)
LAB
lab(56.3% 0.54 -4.66)
LCH
lch(56.3% 4.69 276.61)
OKLAB
oklab(0.6235 -0.0001 -0.0125)
OKLCH
oklch(0.6235 0.0125 269.54)
XYZ
xyz(23.14, 24.22, 29.44)
CMYK
cmyk(8%, 6%, 0%, 44%)
CSS
color: #84878f;
CSS variable
--color-84878f: #84878f;
SCSS
$color-84878f: #84878f;
Tailwind
slate-400
Export
:root {
--#84878f-1: #84878f;
}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.