Preview
#70797d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.45:1 · vs black: 4.72:1
HEX
#70797d
RGB
rgb(112, 121, 125)
RGBA
rgba(112, 121, 125, 1)
HSL
hsl(198, 5%, 46%)
HSV
hsv(198, 10%, 49%)
LAB
lab(50.22% -2.49 -3.34)
LCH
lch(50.22% 4.17 233.3)
OKLAB
oklab(0.5699 -0.0086 -0.009)
OKLCH
oklch(0.5699 0.0124 226.3)
XYZ
xyz(17.22, 18.60, 22.08)
CMYK
cmyk(10%, 3%, 0%, 51%)
CSS
color: #70797d;
CSS variable
--color-70797d: #70797d;
SCSS
$color-70797d: #70797d;
Tailwind
slate-500
Export
:root {
--#70797d-1: #70797d;
}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.