Preview
#7a8184
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.96:1 · vs black: 5.3:1
HEX
#7a8184
RGB
rgb(122, 129, 132)
RGBA
rgba(122, 129, 132, 1)
HSL
hsl(198, 4%, 50%)
HSV
hsv(198, 8%, 52%)
LAB
lab(53.5% -1.96 -2.52)
LCH
lch(53.5% 3.19 232.13)
OKLAB
oklab(0.5984 -0.0067 -0.0067)
OKLCH
oklch(0.5984 0.0095 225)
XYZ
xyz(20.04, 21.50, 24.92)
CMYK
cmyk(8%, 2%, 0%, 48%)
CSS
color: #7a8184;
CSS variable
--color-7a8184: #7a8184;
SCSS
$color-7a8184: #7a8184;
Tailwind
slate-500
Export
:root {
--#7a8184-1: #7a8184;
}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.