Preview
#7a8486
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.84:1 · vs black: 5.47:1
HEX
#7a8486
RGB
rgb(122, 132, 134)
RGBA
rgba(122, 132, 134, 1)
HSL
hsl(190, 5%, 50%)
HSV
hsv(190, 9%, 53%)
LAB
lab(54.41% -3.24 -2.34)
LCH
lch(54.41% 4 215.84)
OKLAB
oklab(0.6057 -0.0105 -0.0063)
OKLCH
oklch(0.6057 0.0122 210.96)
XYZ
xyz(20.58, 22.36, 25.78)
CMYK
cmyk(9%, 1%, 0%, 47%)
CSS
color: #7a8486;
CSS variable
--color-7a8486: #7a8486;
SCSS
$color-7a8486: #7a8486;
Tailwind
slate-500
Export
:root {
--#7a8486-1: #7a8486;
}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.