Preview
#7e878b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.67:1 · vs black: 5.73:1
HEX
#7e878b
RGB
rgb(126, 135, 139)
RGBA
rgba(126, 135, 139, 1)
HSL
hsl(198, 5%, 52%)
HSV
hsv(198, 9%, 55%)
LAB
lab(55.71% -2.45 -3.28)
LCH
lch(55.71% 4.09 233.24)
OKLAB
oklab(0.6173 -0.0085 -0.0088)
OKLCH
oklch(0.6173 0.0122 225.99)
XYZ
xyz(21.93, 23.63, 27.83)
CMYK
cmyk(9%, 3%, 0%, 45%)
CSS
color: #7e878b;
CSS variable
--color-7e878b: #7e878b;
SCSS
$color-7e878b: #7e878b;
Tailwind
slate-400
Export
:root {
--#7e878b-1: #7e878b;
}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.