Preview
#7f8a97
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.51:1 · vs black: 5.98:1
HEX
#7f8a97
RGB
rgb(127, 138, 151)
RGBA
rgba(127, 138, 151, 1)
HSL
hsl(213, 10%, 55%)
HSV
hsv(213, 16%, 59%)
LAB
lab(57% -1.17 -8.27)
LCH
lch(57% 8.35 261.95)
OKLAB
oklab(0.6288 -0.007 -0.0224)
OKLCH
oklch(0.6288 0.0235 252.65)
XYZ
xyz(23.43, 24.92, 32.85)
CMYK
cmyk(16%, 9%, 0%, 41%)
CSS
color: #7f8a97;
CSS variable
--color-7f8a97: #7f8a97;
SCSS
$color-7f8a97: #7f8a97;
Tailwind
sky-400
Export
:root {
--#7f8a97-1: #7f8a97;
}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.