ColorPal

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

White Text

Contrast ratio: 2.66:1

AA: FailAAA: FailAA Large: FailAAA Large: Fail
Black Text

Contrast ratio: 7.89:1

AA: PassAAA: PassAA Large: PassAAA Large: Pass

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.

Related Resources