Preview
#80828c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.83:1 · vs black: 5.49:1
HEX
#80828c
RGB
rgb(128, 130, 140)
RGBA
rgba(128, 130, 140, 1)
HSL
hsl(230, 5%, 53%)
HSV
hsv(230, 9%, 55%)
LAB
lab(54.5% 1.33 -5.63)
LCH
lch(54.5% 5.78 283.29)
OKLAB
oklab(0.6082 0.0018 -0.0151)
OKLCH
oklch(0.6082 0.0152 276.8)
XYZ
xyz(21.62, 22.45, 28.00)
CMYK
cmyk(9%, 7%, 0%, 45%)
CSS
color: #80828c;
CSS variable
--color-80828c: #80828c;
SCSS
$color-80828c: #80828c;
Tailwind
slate-400
Export
:root {
--#80828c-1: #80828c;
}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.