Preview
#7b878c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.69:1 · vs black: 5.69:1
HEX
#7b878c
RGB
rgb(123, 135, 140)
RGBA
rgba(123, 135, 140, 1)
HSL
hsl(198, 7%, 52%)
HSV
hsv(198, 12%, 55%)
LAB
lab(55.51% -3.29 -4.17)
LCH
lch(55.51% 5.31 231.73)
OKLAB
oklab(0.6152 -0.0114 -0.0112)
OKLCH
oklch(0.6152 0.016 224.49)
XYZ
xyz(21.56, 23.43, 28.19)
CMYK
cmyk(12%, 4%, 0%, 45%)
CSS
color: #7b878c;
CSS variable
--color-7b878c: #7b878c;
SCSS
$color-7b878c: #7b878c;
Tailwind
slate-400
Export
:root {
--#7b878c-1: #7b878c;
}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.