Preview
#7e8388
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.83:1 · vs black: 5.49:1
HEX
#7e8388
RGB
rgb(126, 131, 136)
RGBA
rgba(126, 131, 136, 1)
HSL
hsl(210, 4%, 51%)
HSV
hsv(210, 7%, 53%)
LAB
lab(54.5% -0.81 -3.33)
LCH
lch(54.5% 3.43 256.33)
OKLAB
oklab(0.6074 -0.0036 -0.0089)
OKLCH
oklch(0.6074 0.0096 247.98)
XYZ
xyz(21.16, 22.45, 26.51)
CMYK
cmyk(7%, 4%, 0%, 47%)
CSS
color: #7e8388;
CSS variable
--color-7e8388: #7e8388;
SCSS
$color-7e8388: #7e8388;
Tailwind
slate-400
Export
:root {
--#7e8388-1: #7e8388;
}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.