Skip to content

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
#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)

HEX:#00FF00
RGB:rgb(0, 255, 0)
HEX:#006400
RGB:rgb(0, 100, 0)
HEX:#90EE90
RGB:rgb(144, 238, 144)
HEX:#00FF00
RGB:rgb(0, 255, 0)
HEX:#228B22
RGB:rgb(34, 139, 34)
HEX:#9CAF88
RGB:rgb(156, 175, 136)
HEX:#50C878
RGB:rgb(80, 200, 120)
HEX:#4CBB17
RGB:rgb(76, 187, 23)
HEX:#98FF98
RGB:rgb(152, 255, 152)
HEX:#39FF14
RGB:rgb(57, 255, 20)
HEX:#808000
RGB:rgb(128, 128, 0)

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.