Preview
#778588
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.82:1 · vs black: 5.49:1
HEX
#778588
RGB
rgb(119, 133, 136)
RGBA
rgba(119, 133, 136, 1)
HSL
hsl(191, 7%, 50%)
HSV
hsv(191, 12%, 53%)
LAB
lab(54.53% -4.44 -3.35)
LCH
lch(54.53% 5.56 217.03)
OKLAB
oklab(0.6063 -0.0144 -0.009)
OKLCH
oklch(0.6063 0.017 212.01)
XYZ
xyz(20.44, 22.47, 26.55)
CMYK
cmyk(12%, 2%, 0%, 47%)
CSS
color: #778588;
CSS variable
--color-778588: #778588;
SCSS
$color-778588: #778588;
Tailwind
slate-500
Export
:root {
--#778588-1: #778588;
}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.