Preview
#7f8e92
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.39:1 · vs black: 6.19:1
HEX
#7f8e92
RGB
rgb(127, 142, 146)
RGBA
rgba(127, 142, 146, 1)
HSL
hsl(193, 8%, 54%)
HSV
hsv(193, 13%, 57%)
LAB
lab(57.97% -4.53 -3.96)
LCH
lch(57.97% 6.02 221.16)
OKLAB
oklab(0.636 -0.015 -0.0107)
OKLCH
oklch(0.636 0.0184 215.5)
XYZ
xyz(23.61, 25.93, 30.95)
CMYK
cmyk(13%, 3%, 0%, 43%)
CSS
color: #7f8e92;
CSS variable
--color-7f8e92: #7f8e92;
SCSS
$color-7f8e92: #7f8e92;
Tailwind
cyan-400
Export
:root {
--#7f8e92-1: #7f8e92;
}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.