Preview
#5c6b6e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.55:1 · vs black: 3.78:1
HEX
#5c6b6e
RGB
rgb(92, 107, 110)
RGBA
rgba(92, 107, 110, 1)
HSL
hsl(190, 9%, 40%)
HSV
hsv(190, 16%, 43%)
LAB
lab(44.11% -4.94 -3.58)
LCH
lch(44.11% 6.1 215.93)
OKLAB
oklab(0.5163 -0.0161 -0.0097)
OKLCH
oklch(0.5163 0.0188 211.07)
XYZ
xyz(12.49, 13.92, 16.78)
CMYK
cmyk(16%, 3%, 0%, 57%)
CSS
color: #5c6b6e;
CSS variable
--color-5c6b6e: #5c6b6e;
SCSS
$color-5c6b6e: #5c6b6e;
Tailwind
cyan-600
Export
:root {
--#5c6b6e-1: #5c6b6e;
}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.