Preview
#828b93
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.46:1 · vs black: 6.06:1
HEX
#828b93
RGB
rgb(130, 139, 147)
RGBA
rgba(130, 139, 147, 1)
HSL
hsl(208, 7%, 54%)
HSV
hsv(208, 12%, 58%)
LAB
lab(57.38% -1.58 -5.38)
LCH
lch(57.38% 5.61 253.63)
OKLAB
oklab(0.632 -0.0068 -0.0145)
OKLCH
oklch(0.632 0.016 244.88)
XYZ
xyz(23.70, 25.32, 31.24)
CMYK
cmyk(12%, 5%, 0%, 42%)
CSS
color: #828b93;
CSS variable
--color-828b93: #828b93;
SCSS
$color-828b93: #828b93;
Tailwind
slate-400
Export
:root {
--#828b93-1: #828b93;
}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.