Preview
#5b5c60
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.68:1 · vs black: 3.14:1
HEX
#5b5c60
RGB
rgb(91, 92, 96)
RGBA
rgba(91, 92, 96, 1)
HSL
hsl(228, 3%, 37%)
HSV
hsv(228, 5%, 38%)
LAB
lab(39.11% 0.47 -2.43)
LCH
lch(39.11% 2.48 280.95)
OKLAB
oklab(0.4752 0.0006 -0.0065)
OKLCH
oklch(0.4752 0.0065 275.27)
XYZ
xyz(10.25, 10.72, 12.59)
CMYK
cmyk(5%, 4%, 0%, 62%)
CSS
color: #5b5c60;
CSS variable
--color-5b5c60: #5b5c60;
SCSS
$color-5b5c60: #5b5c60;
Tailwind
slate-600
Export
:root {
--#5b5c60-1: #5b5c60;
}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.