Preview
#7f8689
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.7:1 · vs black: 5.67:1
HEX
#7f8689
RGB
rgb(127, 134, 137)
RGBA
rgba(127, 134, 137, 1)
HSL
hsl(198, 4%, 52%)
HSV
hsv(198, 7%, 54%)
LAB
lab(55.45% -1.95 -2.5)
LCH
lch(55.45% 3.17 232.05)
OKLAB
oklab(0.6152 -0.0067 -0.0067)
OKLCH
oklch(0.6152 0.0095 225)
XYZ
xyz(21.79, 23.37, 27.02)
CMYK
cmyk(7%, 2%, 0%, 46%)
CSS
color: #7f8689;
CSS variable
--color-7f8689: #7f8689;
SCSS
$color-7f8689: #7f8689;
Tailwind
slate-400
Export
:root {
--#7f8689-1: #7f8689;
}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.