Preview
#5a5f60
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.48:1 · vs black: 3.24:1
HEX
#5a5f60
RGB
rgb(90, 95, 96)
RGBA
rgba(90, 95, 96, 1)
HSL
hsl(190, 3%, 36%)
HSV
hsv(190, 6%, 38%)
LAB
lab(39.92% -1.73 -1.25)
LCH
lch(39.92% 2.13 215.85)
OKLAB
oklab(0.4814 -0.0056 -0.0034)
OKLCH
oklch(0.4814 0.0066 211.26)
XYZ
xyz(10.42, 11.20, 12.68)
CMYK
cmyk(6%, 1%, 0%, 62%)
CSS
color: #5a5f60;
CSS variable
--color-5a5f60: #5a5f60;
SCSS
$color-5a5f60: #5a5f60;
Tailwind
slate-600
Export
:root {
--#5a5f60-1: #5a5f60;
}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.