Preview
#898e92
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.31:1 · vs black: 6.35:1
HEX
#898e92
RGB
rgb(137, 142, 146)
RGBA
rgba(137, 142, 146, 1)
HSL
hsl(207, 4%, 55%)
HSV
hsv(207, 6%, 57%)
LAB
lab(58.73% -1.01 -2.76)
LCH
lch(58.73% 2.94 249.9)
OKLAB
oklab(0.6438 -0.004 -0.0074)
OKLCH
oklch(0.6438 0.0084 241.61)
XYZ
xyz(25.18, 26.74, 31.02)
CMYK
cmyk(6%, 3%, 0%, 43%)
CSS
color: #898e92;
CSS variable
--color-898e92: #898e92;
SCSS
$color-898e92: #898e92;
Tailwind
slate-400
Export
:root {
--#898e92-1: #898e92;
}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.