Preview
#7e838a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.82:1 · vs black: 5.5:1
HEX
#7e838a
RGB
rgb(126, 131, 138)
RGBA
rgba(126, 131, 138, 1)
HSL
hsl(215, 5%, 52%)
HSV
hsv(215, 9%, 54%)
LAB
lab(54.56% -0.39 -4.4)
LCH
lch(54.56% 4.42 264.93)
OKLAB
oklab(0.6081 -0.0028 -0.0118)
OKLCH
oklch(0.6081 0.0121 256.65)
XYZ
xyz(21.31, 22.50, 27.26)
CMYK
cmyk(9%, 5%, 0%, 46%)
CSS
color: #7e838a;
CSS variable
--color-7e838a: #7e838a;
SCSS
$color-7e838a: #7e838a;
Tailwind
slate-400
Export
:root {
--#7e838a-1: #7e838a;
}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.