Preview
#7b8284
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.91:1 · vs black: 5.37:1
HEX
#7b8284
RGB
rgb(123, 130, 132)
RGBA
rgba(123, 130, 132, 1)
HSL
hsl(193, 4%, 50%)
HSV
hsv(193, 7%, 52%)
LAB
lab(53.86% -2.17 -1.97)
LCH
lch(53.86% 2.93 222.23)
OKLAB
oklab(0.6014 -0.0071 -0.0053)
OKLCH
oklch(0.6014 0.0089 216.74)
XYZ
xyz(20.32, 21.84, 24.97)
CMYK
cmyk(7%, 2%, 0%, 48%)
CSS
color: #7b8284;
CSS variable
--color-7b8284: #7b8284;
SCSS
$color-7b8284: #7b8284;
Tailwind
slate-500
Export
:root {
--#7b8284-1: #7b8284;
}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.