Preview
#828588
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.71:1 · vs black: 5.66:1
HEX
#828588
RGB
rgb(130, 133, 136)
RGBA
rgba(130, 133, 136, 1)
HSL
hsl(210, 2%, 52%)
HSV
hsv(210, 4%, 53%)
LAB
lab(55.38% -0.5 -2)
LCH
lch(55.38% 2.06 255.96)
OKLAB
oklab(0.6151 -0.0022 -0.0053)
OKLCH
oklch(0.6151 0.0057 247.46)
XYZ
xyz(22.04, 23.30, 26.62)
CMYK
cmyk(4%, 2%, 0%, 47%)
CSS
color: #828588;
CSS variable
--color-828588: #828588;
SCSS
$color-828588: #828588;
Tailwind
slate-400
Export
:root {
--#828588-1: #828588;
}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.