Preview
#5d5f63
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.4:1 · vs black: 3.28:1
HEX
#5d5f63
RGB
rgb(93, 95, 99)
RGBA
rgba(93, 95, 99, 1)
HSL
hsl(220, 3%, 38%)
HSV
hsv(220, 6%, 39%)
LAB
lab(40.27% 0.08 -2.55)
LCH
lch(40.27% 2.55 271.8)
OKLAB
oklab(0.4851 -0.0007 -0.0068)
OKLCH
oklch(0.4851 0.0068 264.12)
XYZ
xyz(10.86, 11.41, 13.43)
CMYK
cmyk(6%, 4%, 0%, 61%)
CSS
color: #5d5f63;
CSS variable
--color-5d5f63: #5d5f63;
SCSS
$color-5d5f63: #5d5f63;
Tailwind
slate-600
Export
:root {
--#5d5f63-1: #5d5f63;
}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.