Preview
#86878a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.59:1 · vs black: 5.85:1
HEX
#86878a
RGB
rgb(134, 135, 138)
RGBA
rgba(134, 135, 138, 1)
HSL
hsl(225, 2%, 53%)
HSV
hsv(225, 3%, 54%)
LAB
lab(56.32% 0.23 -1.74)
LCH
lch(56.32% 1.76 277.53)
OKLAB
oklab(0.6235 0.0001 -0.0046)
OKLCH
oklch(0.6235 0.0046 271.25)
XYZ
xyz(23.08, 24.23, 27.50)
CMYK
cmyk(3%, 2%, 0%, 46%)
CSS
color: #86878a;
CSS variable
--color-86878a: #86878a;
SCSS
$color-86878a: #86878a;
Tailwind
slate-400
Export
:root {
--#86878a-1: #86878a;
}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.