Green-yellow

#ADFF2F

Yellow-Green Family →

What Color is Green-yellow

Green-yellow is an electric hue that vibrates intensely between warm yellow and cool green. It lacks the subtlety of traditional earth tones, projecting a synthetic energy often found in digital interfaces. This shade is highly visible, making it impossible to ignore in any composition.

What color is opposite Green-yellow?

The opposite color to Green-yellow is Electric Violet (#822eff).

View Electric Violet

Additional Information

  • Color Family: Yellow-Green
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #822EFF
  • Brightness: 207/255
  • Saturation: 82%

Colors That Pair Well With Green-yellow

Complementary

Pair with Electric Violet for a harmonious, balanced look. Great for backgrounds and accents.

#ADFF2F#822eff

High Contrast

Use Dark Blue for maximum readability. Ideal for text or critical UI elements.

#ADFF2F#5200d0

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#ceff82#578018

Green-yellow History

Historically, achieving such vibrancy was dangerous, often relying on copper-arsenic pigments like Scheele's Green invented in 1775. These toxic dyes were prevalent in Victorian fashion and wallpaper until they were replaced by safer chemical compounds like Cobalt Green, though the association with sickness remained.

In the 20th century, this specific high-chroma shade found a home in the psychedelic art of the 1960s and the cyber-culture of the 1990s. It became a symbol of rebellion and modernity, moving from the canvas of Impressionist landscapes to the neon signage of urban nightlife.

Meaning & Psychology

Psychologically, this color induces high arousal, stimulating the nervous system and effectively combating lethargy. However, it can feel jarring or 'sour' to the eye, creating a sense of anxiety or nausea if used in large, unbroken quantities.

Culturally, it bridges the gap between vitality (like sour citrus) and danger (like radioactive waste symbols). It is frequently used to signal innovation in modern tech branding, suggesting forward momentum, unconventional thinking, and a break from tradition.

In Nature

While rare in vast landscapes, this shock of color appears distinctly in the warning coloration, or aposematism, of poison dart frogs. It is also seen in the transient glow of bioluminescence found in fireflies or specific deep-sea creatures. In the botanical world, it mimics the burst of new growth on ferns or tendrils before chlorophyll saturation deepens the shade.

How To Use Green-yellow

In design, this color acts as a powerful accent to direct user attention immediately to specific elements. It is effective for 'Call to Action' buttons or highlights but should never cover large surface areas due to the risk of visual vibration.

Regarding accessibility, you must pair this neon hue with dark hues like black or charcoal to ensure legibility. White text on this background will almost always fail standard contrast ratios, rendering the content unreadable to users with visual impairments.

Related Words

scheele's greencobaltpsychedelicrebellionurbanarousalanxietyvitalitydangerinnovationpoison dart frogsbioluminescencenew growthaccentvibrationlegibilitycontrast

Curated Palettes

#ADFF2F
#1A1A1A
#4A4A4A
#D3D3D3
#FF4500

Toxic Industrial

A high-contrast palette emphasizing danger and urban construction.

#ADFF2F
#FFFF00
#FFFFFF
#00CED1
#FF69B4

Electric Citrus

Fresh, energetic, and fruity, ideal for summer branding.

#000000
#121212
#ADFF2F
#50C878
#708090

Cyber Void

A futuristic dark mode palette for tech interfaces.

Color Conversions

Hex
#ADFF2F
RGB
173, 255, 47
RGB %
68%, 100%, 18%
HSL
84°, 100%, 59%
HSV
84°, 82%, 100%
CMYK
32%, 0%, 82%, 0%
LAB
91.96, -52.48, 81.87
XYZ
53.51, 80.61, 15.43

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #ADFF2F;
Text Color (RGB)
Aa
color: rgb(173, 255, 47);
Background Color
background-color: #ADFF2F;
Border
border: 3px solid #ADFF2F;
Box Shadow
box-shadow: 0 4px 12px #ADFF2F66;
Gradient
background: linear-gradient(135deg, #ADFF2F 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Green-yellow

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Green-yellow

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Green-yellow?

Explore color palettes containing Green-yellow and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Spring Green

#470#ABDE1D

Buy

Prismacolor

Neon Yellow

#PC1035#FFFF3B

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Green-yellow?
The hex code for Green-yellow is #ADFF2F. The RGB values are (173, 255, 47). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Green-yellow?
Green-yellow pairs well with its complementary color, Electric Violet (#822eff). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Green-yellow accessible for text?
No, Green-yellow is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Green-yellow in CSS?

You can use Green-yellow in CSS with its hex code. Here is an example class:

.green-yellow {
  background-color: #ADFF2F;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.