Preview
#828a8c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.52:1 · vs black: 5.96:1
HEX
#828a8c
RGB
rgb(130, 138, 140)
RGBA
rgba(130, 138, 140, 1)
HSL
hsl(192, 4%, 53%)
HSV
hsv(192, 7%, 55%)
LAB
lab(56.9% -2.51 -2.08)
LCH
lch(56.9% 3.26 219.65)
OKLAB
oklab(0.6275 -0.0082 -0.0056)
OKLCH
oklch(0.6275 0.0099 214.33)
XYZ
xyz(23.03, 24.82, 28.38)
CMYK
cmyk(7%, 1%, 0%, 45%)
CSS
color: #828a8c;
CSS variable
--color-828a8c: #828a8c;
SCSS
$color-828a8c: #828a8c;
Tailwind
slate-400
Export
:root {
--#828a8c-1: #828a8c;
}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.