Color Palettes

Green color

The color of plants and foliage; on screen it sits between blue and yellow light. It's associated with nature, health and permission to go. It's common in eco brands, banks and confirm buttons.

Green · #008000

About green

Green (#008000) is a balanced, dark, highly saturated color. It belongs to the greens family. It mixes 0 red, 128 green and 0 blue (out of 255). It is mostly used in logos, nature, web, signage.

Green shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with green

WhiteFresh and clean.BeigeNatural and relaxed.Coffee brownLike wood and leaves.Navy blueA cool, elegant mix.PinkIts complementary contrast.YellowCheerful and springlike.GoldLuxury and warmth.GrayCalms green and makes it modern.
How to wear and decorate with green →

Green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Purple
AnalogousClose to: Jade green
TriadicClose to: Navy blue, Maroon
Split complementaryClose to: Indigo, Burgundy
TetradicClose to: Ultra violet, Purple, Chocolate brown

Green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Green
Analogous palette · Green
Complementary palette · Green
Triadic palette · Green
With neutrals palette · Green
With an accent palette · Green

Green contrast with text

White textContrast 5.1:1 · AA
Black textContrast 4.1:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --green: #008000;
  --green-rgb: 0, 128, 0;
}
.bg { background-color: var(--green); }
.text { color: var(--green); }

Colors similar to green

Forest greenDark greenJade greenEmerald greenApple greenPastel greenPistachio greenOlive greenLight greenMoss green

More greens

Emerald greenLime greenOlive greenMint greenMoss greenForest greenJade greenPine greenApple greenSage greenBottle greenArmy greenNeon greenPistachio greenGrass greenChartreusePastel greenDark greenLight greenMexican flag green

Frequently asked questions

What is the hex code for green?

The hex code for green is #008000. In RGB it is rgb(0, 128, 0), in HSL hsl(120, 100%, 25%) and in CMYK 100, 0, 100, 50.

What is the complementary color of green?

Its complement on the color wheel is #800080, close to purple. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on green?

Yes. The contrast with white is 5.1:1, enough for body text (WCAG AA).

What colors go with green?

It pairs well with white, beige, coffee brown, navy blue, pink. Avoid pairing it with intense red unless you're going for a Christmas look. Mixing lots of greens with different undertones and no neutral looks messy.