Preview
#7f8d95
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.42:1 · vs black: 6.15:1
HEX
#7f8d95
RGB
rgb(127, 141, 149)
RGBA
rgba(127, 141, 149, 1)
HSL
hsl(202, 9%, 54%)
HSV
hsv(202, 15%, 58%)
LAB
lab(57.78% -3.31 -5.96)
LCH
lch(57.78% 6.82 240.95)
OKLAB
oklab(0.6347 -0.0123 -0.0161)
OKLCH
oklch(0.6347 0.0203 232.62)
XYZ
xyz(23.70, 25.73, 32.15)
CMYK
cmyk(15%, 5%, 0%, 42%)
CSS
color: #7f8d95;
CSS variable
--color-7f8d95: #7f8d95;
SCSS
$color-7f8d95: #7f8d95;
Tailwind
sky-400
Export
:root {
--#7f8d95-1: #7f8d95;
}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.