Preview
#7f9397
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.22:1 · vs black: 6.52:1
HEX
#7f9397
RGB
rgb(127, 147, 151)
RGBA
rgba(127, 147, 151, 1)
HSL
hsl(190, 10%, 55%)
HSV
hsv(190, 16%, 59%)
LAB
lab(59.54% -6.22 -4.51)
LCH
lch(59.54% 7.68 215.95)
OKLAB
oklab(0.6488 -0.0202 -0.0122)
OKLCH
oklch(0.6488 0.0236 211.13)
XYZ
xyz(24.77, 27.61, 33.30)
CMYK
cmyk(16%, 3%, 0%, 41%)
CSS
color: #7f9397;
CSS variable
--color-7f9397: #7f9397;
SCSS
$color-7f9397: #7f9397;
Tailwind
cyan-400
Export
:root {
--#7f9397-1: #7f9397;
}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.