Preview
#797a7e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.29:1 · vs black: 4.9:1
HEX
#797a7e
RGB
rgb(121, 122, 126)
RGBA
rgba(121, 122, 126, 1)
HSL
hsl(228, 2%, 48%)
HSV
hsv(228, 4%, 49%)
LAB
lab(51.26% 0.44 -2.31)
LCH
lch(51.26% 2.35 280.78)
OKLAB
oklab(0.5799 0.0005 -0.0062)
OKLCH
oklch(0.5799 0.0062 274.61)
XYZ
xyz(18.61, 19.49, 22.52)
CMYK
cmyk(4%, 3%, 0%, 51%)
CSS
color: #797a7e;
CSS variable
--color-797a7e: #797a7e;
SCSS
$color-797a7e: #797a7e;
Tailwind
slate-500
Export
:root {
--#797a7e-1: #797a7e;
}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.