Green Color — HEX, RGB, HSL, Palettes & Contrast

Green (#008000): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#008000
HEX #008000
RGB rgb(0, 128, 0)
HSL 120°, 100%, 25%

Use Green in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Green Color

Green represents nature, growth, and success. It is frequently used for eco-friendly brands, success messages, and financial applications.

Use Cases for Green

success stateseco brandingfinancial appsorganic productsgo signals

Shades & Tints of Green

#ffffff
#bfdfbf
#80c080
#40a040
#008000
#006000
#004000
#002000
#000000

Complementary Color

#008000
#800080

Analogous Colors

#408000
#008000
#008040

Triadic Colors

#008000
#000080
#800000

Split Complementary

#008000
#400080
#800040

Tetradic Colors

#008000
#008080
#800080
#800000

CSS Code

.green-color {
  color: #008000;
  background-color: #008000;
}

/* As a CSS custom property */
:root {
  --color-green: #008000;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✗ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Green
Ratio: 4.09:1 ✗ Fails AA ✗ Fails AAA
White text on Green
Ratio: 5.14:1 ✓ Passes AA ✗ Fails AAA

Related Colors

LimeGreen
ForestGreen
SeaGreen
Olive
SpringGreen

Related Tools

Frequently Asked Questions

What color is Green?

Green is represented by the hex code #008000 and has RGB values of rgb(0, 128, 0). It falls under the Green category.

How to use Green in web design?

Green works well for success states, eco branding, financial apps. Green represents nature, growth, and success. It is frequently used for eco-friendly brands, success messages, and financial applications. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Green?

Colors that pair well with Green include limegreen, forestgreen, seagreen, olive, springgreen. For a complementary scheme, try #800080. For an analogous scheme, use #408000 and #008040. For a triadic scheme, combine with #000080 and #800000.