Color Code Palette

Appearance

Green Color Code: HEX #00FF00 and RGB Code Values ​

Looking for specific green color codes? Get the exact green hex code (#00FF00) and green RGB code (rgb(0,255,0)). Complete color information for design and development projects.

Visual example of the classic green color with hex code #00FF00
HEX#00FF00
RGBrgb(0,255,0)

Understanding Green: The Color of Nature and Growth ​

Green is the color of life, nature, and growth. It's the most abundant color in the natural world, covering forests, meadows, and fields. Green has profound symbolism and plays a vital role in human psychology and culture.

The Science of Green ​

Green sits between yellow and blue in the visible spectrum. It's created by mixing blue and yellow light, making it a secondary color in the RGB model. The human eye is most sensitive to green wavelengths, which is why we perceive it so vividly in nature.

Cultural Significance of Green ​

Green carries rich symbolism across cultures:

  • Western Cultures: Green represents nature, growth, and luck. It's the color of St. Patrick's Day and environmental movements.
  • Islamic Culture: Green is considered sacred, representing paradise and the Prophet Muhammad.
  • China: Green symbolizes harmony, growth, and new beginnings.
  • Ancient Egypt: Green was associated with rebirth and the afterlife.
  • Ireland: Green is the national color, representing Irish identity.

Green in Nature ​

Green is the dominant color of the natural world:

  • Forests: From pine green to emerald
  • Grass: Lush lawns and meadows
  • Leaves: Every shade from spring green to forest green
  • Vegetables: Spinach, broccoli, and kale
  • Flowers: Roses, tulips, and orchids
  • Emeralds: The precious gemstone

Shades of Green ​

Create custom shades of green with our color generator. Adjust hues, tints, and tones to find the perfect shade of green for your project.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Green Palette ​

Explore curated and automatically generated color palettes featuring green. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#3498DB
Complementary
#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34

Tetradic

Two pairs of complementary colors

4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34

Split Complementary

Complementary colors ±30°

3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34

Cyclic

Circular gradient for periodic data

8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB

Common Green Color Codes (HEX & RGB) ​

Green →
HEX:#00FF00
RGB:rgb(0, 255, 0)
Dark Green →
HEX:#006400
RGB:rgb(0, 100, 0)
Light Green →
HEX:#90EE90
RGB:rgb(144, 238, 144)
Lime Green →
HEX:#00FF00
RGB:rgb(0, 255, 0)
Forest Green →
HEX:#228B22
RGB:rgb(34, 139, 34)
Sage Green →
HEX:#9CAF88
RGB:rgb(156, 175, 136)
Emerald →
HEX:#50C878
RGB:rgb(80, 200, 120)
Kelly Green →
HEX:#4CBB17
RGB:rgb(76, 187, 23)
Mint Green →
HEX:#98FF98
RGB:rgb(152, 255, 152)
Neon Green →
HEX:#39FF14
RGB:rgb(57, 255, 20)
Olive →
HEX:#808000
RGB:rgb(128, 128, 0)

All Green Colors ​

Browse all 67 green colors with exact hex and RGB values:

Extract Green Hex & RGB Codes from Image ​

Upload a photo to find the exact green HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Green Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

Green Color Psychology ​

Green has a profound effect on our mood and well-being:

Positive Associations ​

  • Nature and growth: Plants, trees, and springtime
  • Health and wellness: Organic foods, natural products
  • Freshness and renewal: Spring, new beginnings
  • Balance and harmony: Middle ground, equilibrium
  • Luck and prosperity: Four-leaf clovers, money

Negative Associations ​

  • Envy and jealousy: "Green with envy"
  • Sickness: Green faces indicate illness
  • Inexperience: "Green" meaning new or untested
  • Mold and decay: Green can signal rot

Psychological Effects ​

  • Green reduces eye strain and fatigue
  • It creates a sense of calm and relaxation
  • Green promotes feelings of balance and harmony
  • It's associated with health and well-being

Using Green in Design ​

Green is a versatile color with many practical applications:

Web Design ​

  • Green is great for eco-friendly and health websites
  • Use green for success indicators and positive messages
  • Lighter greens create fresh, natural designs
  • Darker greens convey sophistication and tradition

Graphic Design ​

  • Green works well in food and beverage packaging
  • Use complementary schemes (green and red) for contrast
  • Monochromatic green schemes create natural, earthy designs
  • Green is excellent for environmental and sustainability themes

Branding ​

  • Eco-friendly brands use green for sustainability (Whole Foods, Patagonia)
  • Financial brands use green for growth (HSBC, TD Bank)
  • Health and wellness brands use green for natural products
  • Technology brands use green for innovation and growth

Interior Design ​

  • Green creates calming, relaxing spaces
  • Light greens make rooms feel fresh and airy
  • Forest green adds richness and depth
  • Green pairs beautifully with wood tones and natural materials

Green Color Harmonies ​

Green pairs beautifully with many colors:

Complementary Colors ​

  • Green and Red: High-contrast, attention-grabbing combination
  • Green and Magenta: Modern, vibrant pairing

Analogous Colors ​

  • Green, Yellow, Lime: Fresh, energetic schemes
  • Green, Teal, Cyan: Cool, calming palettes

Triadic Colors ​

  • Green, Purple, Orange: Balanced, harmonious combination
  • Green, Red, Blue: Primary color balance

Monochromatic ​

  • Various shades of green create depth and natural feel

Split Complementary ​

  • Green with red-orange and red-purple creates balanced contrast

Green in Fashion ​

Green has become increasingly popular in fashion:

  • Emerald green: A luxurious, timeless color
  • Mint green: Fresh, trendy, and versatile
  • Olive green: Earthy, military-inspired
  • Sage green: Soft, sophisticated, and calming
  • Kelly green: Bold, vibrant, and energetic

Green Color Variations ​

Our comprehensive collection includes:

  • Light Greens: Mint Green, Pale Green, Sage Green
  • Mid Greens: Emerald, Jade, Kelly Green
  • Dark Greens: Forest Green, Olive, Hunter Green
  • Yellow Greens: Lime, Chartreuse, Spring Green
  • Blue Greens: Teal, Cyan, Sea Green
  • Gray Greens: Sage, Muted Green, Dusty Green

Frequently Asked Questions ​

What is the hex code for pure green? ​

The hex code for pure green is #00FF00.

What are the RGB values for green? ​

Green RGB values are rgb(0, 255, 0).

What colors complement green? ​

Green's complementary color is red. Green also pairs well with blue, yellow, and white.

Is green a warm or cool color? ​

Green can be both warm (yellow-green) or cool (blue-green) depending on the undertone.

What does green symbolize? ​

Green symbolizes nature, growth, health, and balance.

How do I create different shades of green? ​

Add white to create lighter greens, add black to create deeper greens, and add yellow or blue to create different undertones.