Vine Brand Color
The official Vine brand color is #00B489. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Vine Color Values
HEX
#00B489
RGB
0, 180, 137
HSL
166, 100%, 35%
Vine Tints & Shades
A range of lighter tints and darker shades derived from the Vine base color.
Tint 50%
#E5FFF9
Tint 40%
#A8FFEB
Tint 30%
#6BFFDC
Tint 20%
#2EFFCE
Tint 10%
#00F0B8
Base
#00B489
Shade 10%
#009471
Shade 20%
#00755A
Shade 30%
#005C46
Shade 40%
#003D2F
Shade 50%
#001F17
Contrast & Accessibility
Contrast ratio: 2.66:1
Contrast ratio: 7.89:1
Frequently Asked Questions
What is the official Vine color?▾
The official Vine brand color is #00B489. In RGB this is rgb(0, 180, 137), and in HSL it is hsl(166, 100%, 35%).
What is the Vine hex code?▾
The Vine hex color code is #00B489. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Vine color accessible?▾
Against white, the Vine color has a contrast ratio of 2.66:1 (fails WCAG AA). Against black, it has 7.89:1 (passes WCAG AA). Black text on this color is accessible.