Preview
#5f6a6e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.57:1 · vs black: 3.77:1
HEX
#5f6a6e
RGB
rgb(95, 106, 110)
RGBA
rgba(95, 106, 110, 1)
HSL
hsl(196, 7%, 40%)
HSV
hsv(196, 14%, 43%)
LAB
lab(44.04% -3.26 -3.66)
LCH
lch(44.04% 4.9 228.31)
OKLAB
oklab(0.5163 -0.0111 -0.0099)
OKLCH
oklch(0.5163 0.0149 221.73)
XYZ
xyz(12.69, 13.87, 16.76)
CMYK
cmyk(14%, 4%, 0%, 57%)
CSS
color: #5f6a6e;
CSS variable
--color-5f6a6e: #5f6a6e;
SCSS
$color-5f6a6e: #5f6a6e;
Tailwind
slate-600
Export
:root {
--#5f6a6e-1: #5f6a6e;
}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.