Preview
#8a8d8e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.34:1 · vs black: 6.28:1
HEX
#8a8d8e
RGB
rgb(138, 141, 142)
RGBA
rgba(138, 141, 142, 1)
HSL
hsl(195, 2%, 55%)
HSV
hsv(195, 3%, 56%)
LAB
lab(58.42% -0.9 -0.92)
LCH
lch(58.42% 1.29 225.63)
OKLAB
oklab(0.6412 -0.003 -0.0024)
OKLCH
oklch(0.6412 0.0038 218.66)
XYZ
xyz(24.89, 26.41, 29.37)
CMYK
cmyk(3%, 1%, 0%, 44%)
CSS
color: #8a8d8e;
CSS variable
--color-8a8d8e: #8a8d8e;
SCSS
$color-8a8d8e: #8a8d8e;
Tailwind
slate-400
Export
:root {
--#8a8d8e-1: #8a8d8e;
}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.