Preview
#5a5c5e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.72:1 · vs black: 3.13:1
HEX
#5a5c5e
RGB
rgb(90, 92, 94)
RGBA
rgba(90, 92, 94, 1)
HSL
hsl(210, 2%, 36%)
HSV
hsv(210, 4%, 37%)
LAB
lab(38.96% -0.36 -1.42)
LCH
lch(38.96% 1.46 255.77)
OKLAB
oklab(0.4737 -0.0015 -0.0038)
OKLCH
oklch(0.4737 0.0041 248.46)
XYZ
xyz(10.06, 10.64, 12.11)
CMYK
cmyk(4%, 2%, 0%, 63%)
CSS
color: #5a5c5e;
CSS variable
--color-5a5c5e: #5a5c5e;
SCSS
$color-5a5c5e: #5a5c5e;
Tailwind
slate-600
Export
:root {
--#5a5c5e-1: #5a5c5e;
}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.