Preview
#797d8a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.11:1 · vs black: 5.11:1
HEX
#797d8a
RGB
rgb(121, 125, 138)
RGBA
rgba(121, 125, 138, 1)
HSL
hsl(226, 7%, 51%)
HSV
hsv(226, 12%, 54%)
LAB
lab(52.47% 1.29 -7.54)
LCH
lch(52.47% 7.65 279.71)
OKLAB
oklab(0.5907 0.0008 -0.0203)
OKLCH
oklch(0.5907 0.0203 272.26)
XYZ
xyz(19.81, 20.57, 26.97)
CMYK
cmyk(12%, 9%, 0%, 46%)
CSS
color: #797d8a;
CSS variable
--color-797d8a: #797d8a;
SCSS
$color-797d8a: #797d8a;
Tailwind
slate-400
Export
:root {
--#797d8a-1: #797d8a;
}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.