Preview
#586163
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.35:1 · vs black: 3.3:1
HEX
#586163
RGB
rgb(88, 97, 99)
RGBA
rgba(88, 97, 99, 1)
HSL
hsl(191, 6%, 37%)
HSV
hsv(191, 11%, 39%)
LAB
lab(40.45% -3.02 -2.33)
LCH
lch(40.45% 3.81 217.65)
OKLAB
oklab(0.4855 -0.0098 -0.0063)
OKLCH
oklch(0.4855 0.0117 212.74)
XYZ
xyz(10.55, 11.52, 13.47)
CMYK
cmyk(11%, 2%, 0%, 61%)
CSS
color: #586163;
CSS variable
--color-586163: #586163;
SCSS
$color-586163: #586163;
Tailwind
slate-600
Export
:root {
--#586163-1: #586163;
}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.