Slack Brand Color
The official Slack brand color is #3AAF85. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Slack Color Values
HEX
#3AAF85
RGB
58, 175, 133
HSL
158, 50%, 46%
Slack Tints & Shades
A range of lighter tints and darker shades derived from the Slack base color.
Tint 50%
#ECF9F4
Tint 40%
#C6ECDE
Tint 30%
#9FDFC8
Tint 20%
#7DD4B4
Tint 10%
#57C79E
Base
#3AAF85
Shade 10%
#30916E
Shade 20%
#28775A
Shade 30%
#1D5842
Shade 40%
#13392B
Shade 50%
#0A1F17
Contrast & Accessibility
Contrast ratio: 2.74:1
Contrast ratio: 7.65:1
Frequently Asked Questions
What is the official Slack color?▾
The official Slack brand color is #3AAF85. In RGB this is rgb(58, 175, 133), and in HSL it is hsl(158, 50%, 46%).
What is the Slack hex code?▾
The Slack hex color code is #3AAF85. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Slack color accessible?▾
Against white, the Slack color has a contrast ratio of 2.74:1 (fails WCAG AA). Against black, it has 7.65:1 (passes WCAG AA). Black text on this color is accessible.