Preview
#5d696c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.67:1 · vs black: 3.7:1
HEX
#5d696c
RGB
rgb(93, 105, 108)
RGBA
rgba(93, 105, 108, 1)
HSL
hsl(192, 7%, 39%)
HSV
hsv(192, 14%, 42%)
LAB
lab(43.53% -3.86 -3.23)
LCH
lch(43.53% 5.03 219.92)
OKLAB
oklab(0.5117 -0.0127 -0.0087)
OKLCH
oklch(0.5117 0.0154 214.41)
XYZ
xyz(12.27, 13.51, 16.15)
CMYK
cmyk(14%, 3%, 0%, 58%)
CSS
color: #5d696c;
CSS variable
--color-5d696c: #5d696c;
SCSS
$color-5d696c: #5d696c;
Tailwind
slate-600
Export
:root {
--#5d696c-1: #5d696c;
}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.