Preview
#5a5d5e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.64:1 · vs black: 3.16:1
HEX
#5a5d5e
RGB
rgb(90, 93, 94)
RGBA
rgba(90, 93, 94, 1)
HSL
hsl(195, 2%, 36%)
HSV
hsv(195, 4%, 37%)
LAB
lab(39.26% -0.96 -0.98)
LCH
lch(39.26% 1.37 225.59)
OKLAB
oklab(0.476 -0.0032 -0.0026)
OKLCH
oklch(0.476 0.0041 219.09)
XYZ
xyz(10.15, 10.81, 12.14)
CMYK
cmyk(4%, 1%, 0%, 63%)
CSS
color: #5a5d5e;
CSS variable
--color-5a5d5e: #5a5d5e;
SCSS
$color-5a5d5e: #5a5d5e;
Tailwind
slate-600
Export
:root {
--#5a5d5e-1: #5a5d5e;
}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.