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

GO Green #00AB66 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
GO GREEN
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
GO GREEN
 
 
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

GO Green #00AB66 pairs with #AB0045 as its complementary color, and #6600AB and #AB6600 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

GO GREEN
Analogous

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

GO GREEN
Triadic

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

GO GREEN
Split-Complementary

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

GO GREEN
Tetradic (Square)

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

GO GREEN
Monochromatic

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

GO GREEN

Shades & Tints

The shade and tint range for GO Green #00AB66 moves from dark #001A0F tones through the base color to lighter #E6FFF5 tones, making it useful for depth, hierarchy, and background variation.

GO GREEN

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);
}