Preview
#787b80
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.25:1 · vs black: 4.94:1
HEX
#787b80
RGB
rgb(120, 123, 128)
RGBA
rgba(120, 123, 128, 1)
HSL
hsl(218, 3%, 49%)
HSV
hsv(218, 6%, 50%)
LAB
lab(51.52% -0.09 -3.11)
LCH
lch(51.52% 3.11 268.34)
OKLAB
oklab(0.582 -0.0014 -0.0083)
OKLCH
oklch(0.582 0.0084 260.43)
XYZ
xyz(18.72, 19.72, 23.24)
CMYK
cmyk(6%, 4%, 0%, 50%)
CSS
color: #787b80;
CSS variable
--color-787b80: #787b80;
SCSS
$color-787b80: #787b80;
Tailwind
slate-500
Export
:root {
--#787b80-1: #787b80;
}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.