Preview
#7a818b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.93:1 · vs black: 5.34:1
HEX
#7a818b
RGB
rgb(122, 129, 139)
RGBA
rgba(122, 129, 139, 1)
HSL
hsl(215, 7%, 51%)
HSV
hsv(215, 12%, 55%)
LAB
lab(53.71% -0.45 -6.28)
LCH
lch(53.71% 6.3 265.9)
OKLAB
oklab(0.6007 -0.0038 -0.0169)
OKLCH
oklch(0.6007 0.0173 257.33)
XYZ
xyz(20.54, 21.70, 27.53)
CMYK
cmyk(12%, 7%, 0%, 45%)
CSS
color: #7a818b;
CSS variable
--color-7a818b: #7a818b;
SCSS
$color-7a818b: #7a818b;
Tailwind
slate-400
Export
:root {
--#7a818b-1: #7a818b;
}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.