Preview
#898d8e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.35:1 · vs black: 6.26:1
HEX
#898d8e
RGB
rgb(137, 141, 142)
RGBA
rgba(137, 141, 142, 1)
HSL
hsl(192, 2%, 55%)
HSV
hsv(192, 4%, 56%)
LAB
lab(58.34% -1.26 -1.04)
LCH
lch(58.34% 1.63 219.54)
OKLAB
oklab(0.6404 -0.0041 -0.0028)
OKLCH
oklch(0.6404 0.005 214.33)
XYZ
xyz(24.72, 26.32, 29.36)
CMYK
cmyk(4%, 1%, 0%, 44%)
CSS
color: #898d8e;
CSS variable
--color-898d8e: #898d8e;
SCSS
$color-898d8e: #898d8e;
Tailwind
slate-400
Export
:root {
--#898d8e-1: #898d8e;
}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.