Preview
#7a8386
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.88:1 · vs black: 5.42:1
HEX
#7a8386
RGB
rgb(122, 131, 134)
RGBA
rgba(122, 131, 134, 1)
HSL
hsl(195, 5%, 50%)
HSV
hsv(195, 9%, 53%)
LAB
lab(54.12% -2.67 -2.76)
LCH
lch(54.12% 3.84 225.95)
OKLAB
oklab(0.6035 -0.0089 -0.0074)
OKLCH
oklch(0.6035 0.0116 219.74)
XYZ
xyz(20.44, 22.09, 25.74)
CMYK
cmyk(9%, 2%, 0%, 47%)
CSS
color: #7a8386;
CSS variable
--color-7a8386: #7a8386;
SCSS
$color-7a8386: #7a8386;
Tailwind
slate-500
Export
:root {
--#7a8386-1: #7a8386;
}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.