Preview
#838a8e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.51:1 · vs black: 5.99:1
HEX
#838a8e
RGB
rgb(131, 138, 142)
RGBA
rgba(131, 138, 142, 1)
HSL
hsl(202, 5%, 54%)
HSV
hsv(202, 8%, 56%)
LAB
lab(57.03% -1.73 -3.02)
LCH
lch(57.03% 3.48 240.19)
OKLAB
oklab(0.6289 -0.0062 -0.0081)
OKLCH
oklch(0.6289 0.0102 232.57)
XYZ
xyz(23.33, 24.96, 29.17)
CMYK
cmyk(8%, 3%, 0%, 44%)
CSS
color: #838a8e;
CSS variable
--color-838a8e: #838a8e;
SCSS
$color-838a8e: #838a8e;
Tailwind
slate-400
Export
:root {
--#838a8e-1: #838a8e;
}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.