Preview
#5a5c60
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.7:1 · vs black: 3.13:1
HEX
#5a5c60
RGB
rgb(90, 92, 96)
RGBA
rgba(90, 92, 96, 1)
HSL
hsl(220, 3%, 36%)
HSV
hsv(220, 6%, 38%)
LAB
lab(39.02% 0.08 -2.57)
LCH
lch(39.02% 2.57 271.78)
OKLAB
oklab(0.4744 -0.0007 -0.0069)
OKLCH
oklch(0.4744 0.0069 264.21)
XYZ
xyz(10.15, 10.67, 12.59)
CMYK
cmyk(6%, 4%, 0%, 62%)
CSS
color: #5a5c60;
CSS variable
--color-5a5c60: #5a5c60;
SCSS
$color-5a5c60: #5a5c60;
Tailwind
slate-600
Export
:root {
--#5a5c60-1: #5a5c60;
}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.