GO Green

HEX: #00AB66 | Modern Palette

On White
2.99:1
FAIL
On Black
7.02:1
PASS

Color Specifications

HEX
#00AB66
RGB
0, 171, 102
HSL
155°, 100% ,67%
CMYK
100, 0, 40.35, 32.94

About GO Green

GO Green (#00AB66) is a color with RGB(0, 171, 102) and HSL(155.79°, 100%, 67.06%). It is commonly associated with Bold, Playful moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #AB0045, which creates strong contrast. Its triadic palette includes #6600AB and #AB6600. The name comes from Go Green (English).

  • HEX: #00AB66
  • RGB: 0, 171, 102
  • HSL: 155.79°, 100%, 67.06%
  • Mood: Bold, Playful
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: #AB0045
  • Triadic colors: #6600AB, #AB6600
  • The name comes from Go Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #00AB66 from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Playful
Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #929269
Protanopia #A2A265
Tritanopia #36A4A4
Achromatopsia #959595

Frequently Asked Questions

GO Green (#00AB66) is a color with RGB(0, 171, 102) and HSL(155.79°, 100%, 67.06%).

#00AB66 pairs strongly with #AB0045 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00AB66 is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#00AB66 is commonly associated with Bold, Playful.

The name GO Green is linked to Go Green from English, meaning To act in an environmentally responsible manner; to adopt practices that are beneficial to the environment..

Name, History & Etymology

Origin Word Go Green
Meaning To act in an environmentally responsible manner; to adopt practices that are beneficial to the environment.
Language English
First Recorded Use Late 20th Century

History

The concept of 'going green' emerged from the broader environmental movement that began in the mid-20th century. As scientific understanding of climate change and ecological damage increased, there was a growing public and political push for sustainable practices. The phrase 'go green' became a concise and accessible slogan to encourage individuals, businesses, and governments to adopt eco-friendly behaviors, such as recycling, conserving energy, using renewable resources, and reducing pollution. Its popularity surged with the rise of Earth Day and other environmental initiatives.

First Recorded Use

The exact first use is difficult to pinpoint, but the phrase gained significant traction in the 1980s and 1990s as environmental awareness grew. Early uses were often in environmental campaigns and educational materials.

Cultural Associations

The phrase 'Go Green' is widely recognized globally, particularly in Western cultures and countries with strong environmental movements. It is often associated with a sense of personal responsibility and collective action towards sustainability. It has permeated advertising, product labeling, and public discourse, becoming a shorthand for environmentally conscious choices. The color green itself is universally associated with nature and environmentalism, reinforcing the phrase's meaning.

Similar Named Colors

Jade #00A86B ΔE 1.77
Medium Sea Green #3CB371 ΔE 3.38
Green (Crayola) #1CAC78 ΔE 3.75
Green (pigment) #00A550 ΔE 3.85

Code Snippets

/* Background */
.element {
    background-color: #00AB66;
}

/* Text */
.element {
    color: #00AB66;
}

/* Border */
.element {
    border: 1px solid #00AB66;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #00AB66,
        #FF579B
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00AB66,
        #FF579B
    );
}

// SCSS variable
$go-green: #00AB66;

// With RGB channels (useful for rgba() usage)
$go-green-r: 0;
$go-green-g: 171;
$go-green-b: 102;

// Usage
.element {
    background-color: $go-green;
    color: rgba($go-green-r, $go-green-g, $go-green-b, 0.8);
}