The Yellow Green Color Code: HEX, RGB, CMYK

Few colors sit as confidently between two worlds as yellow green.

It is a warm tertiary color created by combining yellow and green, sitting at roughly 80 degrees on the color wheel. The color carries strong associations with nature, growth, and energy, functioning as a high-visibility hue in both digital and print design, with RGB values of 154, 205, 50.

This article covers everything from its exact color codes and shades to how it behaves in color psychology, branding, fashion, and design applications.

Whether you are building a color palette or just trying to understand what makes this hue work, you will find clear, practical answers here.

Yellow Green Color Codes

Yellow green sits at hex #9ACD32, a warm tertiary color on the color theory spectrum positioned between yellow and green.

Here are its exact values across all major color models:

• HEX: #9ACD32
• RGB: 154, 205, 50 – use an RGB to HEX converter to cross-check values quickly
• CMYK: C: 25%, M: 0%, Y: 76%, K: 20%
• HSL: 79.7°, 60.8%, 50%

In the RGB color model, yellow green carries a strong green channel (205) with a solid red base (154) and a low blue value (50). That low blue is what keeps it warm rather than cool. The hue sits at roughly 80 degrees, right in that sweet spot between pure yellow (60 deg) and pure green (120 deg).

In CMYK printing, yellow dominates at 76%, with zero magenta. This makes it tricky on paper – actual printed results can look slightly muted compared to screen. Always run a proof print. For Pantone matching, the closest equivalent is around Pantone 382 C.

Need to convert between systems? A HEX to RGB converter or a RGB to CMYK converter will save you time when moving between screen and print workflows.

—

Yellow Green Color Palettes

Yellow green at #9ACD32 works across multiple color palette types. Its complementary color, a red-purple, creates the sharpest contrast. Its analogous neighbors (yellow and lime) build smooth, natural progressions.

Want to build your own combinations? A color palette generator is a fast way to find pairings that actually work together.

—

Yellow Green Shades

Yellow green encompasses multiple variations including light lime, bright acid green, the standard #9ACD32, muted olive-yellow, deep moss green, and dark earthy tones.

Each variation differs in saturation and brightness, with lighter tints leaning toward white and darker shades pushing toward brown-green territory, creating distinct aesthetic effects in design and art.

—

What Are the Primary Attributes of Yellow Green?

Yellow green has five core attributes: warm hue (from its yellow base), high saturation (vivid, not muted), medium lightness (balanced at 50%), strong yellow bias (pushing it from pure green), and high visibility (one of the most eye-catching tones in the spectrum).

—

How Is Yellow Green Used in Interior Design?

Yellow green works well as a statement accent in interior design, creating fresh, uplifting spaces that feel both energetic and connected to nature.

Designers use it for feature walls, cushion fabrics, and botanical-themed rooms. It does especially well in mid-century modern, tropical, and boho styles. Pair it with warm neutrals to soften the intensity, or let it run bold against deep charcoal for drama.

It also works for front doors. Honestly, a yellow-green front door against a brick or dark wood exterior looks genuinely striking.

—

What Psychology and Emotions Does Yellow Green Evoke?

Yellow green evokes feelings of renewal, optimism, vitality, and freshness through its strong link to new growth, spring foliage, and healthy plant life.

Color psychology research suggests it triggers feelings of forward motion and energy, communicates youth and environmental awareness, and creates spaces that support focus and positive mood. It can also feel slightly sharp or intense in large doses, so balance matters.

—

How Is Yellow Green Applied in Fashion and Clothing?

Yellow green has moved from niche to surprisingly wearable over recent seasons. It sits between trend color and statement choice, showing up on runways as both a head-to-toe look and a sharp accent piece.

Fashion designers use it for its high visibility and seasonal flexibility. It works well in activewear, summer dresses, and streetwear. On skin, it tends to favor warm and olive undertones. People with cool, pink-based skin tones sometimes find it a bit much up close – though that’s not a hard rule, just something I’ve noticed.

—

What Colors Complement and Contrast With Yellow Green?

Yellow green complements violet, sky blue, soft lavender, cream, and slate gray, while contrasting effectively with red-purple, deep indigo, and magenta. These color combinations create lively, high-energy palettes that use yellow green’s warmth and visibility to maximum effect.

Complementary Colors

Yellow Green + Violet (#6532CD)

• Color Theory Basis: Direct complements on the color wheel – maximum contrast by definition
• Visual Effect: Bold, electric, almost vibrating at the edges where they meet
• Best Applications: High-impact posters, sportswear branding, event design
• Ratio Recommendations: 70% yellow green, 30% violet for balance
• Example Uses: Festival graphics, gaming interfaces, athletic gear

Yellow Green + Sky Blue (#87CEEB)

• Color Theory Basis: Near-triadic relationship; cool blue offsets the warmth of yellow green
• Visual Effect: Fresh, airy, and natural – reads like spring outdoors
• Best Applications: Wellness brands, children’s spaces, outdoor lifestyle products
• Ratio Recommendations: 60% sky blue, 40% yellow green
• Example Uses: Eco-packaging, garden-themed designs, summer campaigns

Yellow Green + Cream (#FDFBD4)

• Color Theory Basis: Warm neutral softens and grounds the yellow green
• Visual Effect: Soft, organic, fresh without being loud
• Best Applications: Interior design, editorial layouts, natural beauty branding
• Ratio Recommendations: 80% cream, 20% yellow green as accent
• Example Uses: Organic food packaging, lifestyle blogs, spa interiors

Yellow Green + Slate Gray (#6D8196)

• Color Theory Basis: Cool neutral grounds the warm, bright yellow green
• Visual Effect: Sophisticated and calm, with yellow green providing the focal point
• Best Applications: Corporate web design, tech branding, architecture visualization
• Ratio Recommendations: 65% slate gray, 35% yellow green
• Example Uses: SaaS dashboards, sustainability reports, modern office interiors

Contrasting Colors

Yellow Green + Red-Purple (#9B0064)

• Contrast Type: True complementary contrast
• Visual Impact: Extremely bold, maximum tension between warm and cool
• Best Applications: Attention-demanding ads, entertainment design, packaging that needs to pop
• Balance Strategies: Keep red-purple to 20-25% or use as a small highlight only

Yellow Green + Deep Indigo (#3A0CA3)

• Contrast Type: Split-complementary adjacent
• Visual Impact: High contrast, slightly more refined than straight complement
• Best Applications: Tech startups, creative agencies, night-mode UI
• Balance Strategies: Use indigo as background, yellow green for CTAs or highlights

Yellow Green + Magenta (#FF00AA)

• Contrast Type: Triadic-adjacent contrast
• Visual Impact: Energetic, youthful, bordering on neon in feel
• Best Applications: Youth marketing, music events, sports campaigns
• Balance Strategies: Needs a neutral (white or black) to prevent visual fatigue

Color Scheme Types

• Monochromatic: Use tints, shades, and tones of yellow green – from pale #EEF7C2 through standard #9ACD32 to deep #3A5213. Works well for minimal, nature-inspired designs.
• Analogous: Combine with yellow (#CDCD00) and lime green (#7FCD32) for a natural, cohesive feel. Very common in spring-themed work.
• Triadic: Yellow green + sky blue + magenta-pink. Vibrant and balanced when one color dominates.
• Split-complementary: Yellow green + blue-violet + red-violet. Less harsh than straight complementary, still high contrast.
• Tetradic: Yellow green + teal + violet + orange. Complex, best with one clearly dominant color.

Practical Pairing Guidelines

• 60-30-10 Rule: Use a neutral (white, gray, or cream) at 60%, yellow green at 30%, and a complementary accent like violet or indigo at 10%.
• Accent Color Strategy: Yellow green is particularly effective as the 10% accent against dark navy or charcoal backgrounds – high visibility without overload.
• Neutral Bridging: When pairing yellow green with a strong contrast like red-purple, use warm white or light gray as a buffer to prevent visual clash.

Also worth checking: a color contrast checker is useful for verifying that yellow green text or UI elements meet accessibility standards against their backgrounds.

—

How Does Yellow Green Differ From Similar Warm Colors?

Yellow green differs from chartreuse (more saturated, brighter), lime green (cooler, higher lightness), olive green (much darker, more muted), and neon green (extreme saturation, artificial feel) through its specific balance of hue, saturation, and brightness.

—

How Do You Create Yellow Green in Different Mediums?

Create yellow green by mixing yellow and a small amount of blue or green in paint, adjusting the RGB values to approximately (154, 205, 50) in digital applications, or setting CMYK to C:25%, M:0%, Y:76%, K:20% for print work.

Acrylic Paint

Start with a cadmium yellow or lemon yellow base. Add a small amount of phthalo green or sap green – go slowly, green is strong. A rough starting ratio is 3 parts yellow to 1 part green.

Common mistake: adding too much green too fast. You’ll overshoot into pure green territory and it’s hard to pull back. Test on scrap paper before committing. Use a palette knife for even mixing.

Oil Paint

Use cadmium yellow light with a touch of viridian or phthalo green. Oil paints shift slightly as they dry, so mix a touch lighter than your target. Linseed oil will yellow the mix over time – worth knowing if archival work matters.

Watercolor

Transparent yellows like aureolin or hansa yellow work best. Add a tiny amount of phthalo green, heavily diluted. Watercolor yellow green tends to look more delicate and less vivid than acrylic versions. Layer washes to deepen without losing transparency.

Gouache

Mix similarly to acrylic: lemon yellow plus a small amount of green. Gouache is opaque, so you can adjust with white to lighten without losing the hue. It dries slightly darker than it looks wet, so test a swatch.

Print / CMYK

• Cyan: 25%
• Magenta: 0%
• Yellow: 76%
• Black: 20%
• Printing considerations: Coated paper renders it brighter; uncoated stock will mute it noticeably. Always request a proof.
• Pantone matching: Closest equivalent is Pantone 382 C or Pantone 376 C depending on the brightness level needed.

Working between digital and print? A RGB to CMYK converter and a HSL to RGB converter will help you keep color accuracy consistent across outputs.

—

What Are the Best Practices for Using Yellow Green in Design?

Best practices for yellow green include using it as an accent rather than a dominant background color, pairing it with neutrals to reduce visual fatigue, checking contrast ratios for text legibility, and testing across screen types because it can shift significantly between monitors.

Designers should keep accessibility in mind – yellow green on white can fail WCAG contrast standards at smaller text sizes. Dark text on a yellow green background usually works better than yellow green text on light backgrounds. And honestly, it tends to look better in matte finishes than glossy for print work. Your mileage may vary in digital.

For web design specifically, yellow green as a CTA button color works surprisingly well against dark backgrounds. It draws the eye without being as aggressive as pure red or orange. Worth testing.

—

What Role Does Yellow Green Play in Branding and Marketing?

Yellow green plays a strong signaling role in branding and marketing, communicating energy, natural growth, and environmental awareness to consumers. Research on color perception suggests yellow green increases visual attention and engagement, making it effective for eco-conscious brands, health-focused companies, and youth-oriented products seeking a fresh, optimistic identity.

It shows up a lot in outdoor and athletic brands, organic food packaging, and sustainability-focused campaigns. The association with chlorophyll and new plant growth is hard to separate from the color – which is either an asset or a limitation depending on the industry.

One thing worth noting: yellow green can look dated quickly if overused. It had big moments in the early 2000s and has cycled back in recent years. Build your brand guidelines carefully if it’s a core brand color, so it stays grounded across applications rather than drifting into different shades across different touchpoints.

It pairs well with black or dark charcoal in logo design – the contrast is clean and the color reads clearly at small sizes, which matters more than people think when it ends up as a favicon or app icon.

FAQ on Yellow Green Color

What Is Yellow Green?

Yellow green is a warm tertiary color on the color wheel, created by mixing yellow and green. Its standard hex code is #9ACD32, with RGB values of 154, 205, 50. It sits at roughly 80 degrees in the HSL color model.

What Is the Hex Code for Yellow Green?

The standard hex code for yellow green is #9ACD32. Related shades include #ADFF2F for a brighter green-yellow and #CCFF00 for fluorescent yellow green. Use a HEX to RGB converter to get exact values fast.

What Colors Make Yellow Green?

Mix yellow and green to get yellow green. In paint, combine cadmium yellow with a small amount of phthalo green. Start with yellow, then add green slowly. In digital design, set RGB to approximately 154, 205, 50.

What Colors Go With Yellow Green?

Yellow green pairs well with violet, sky blue, cream, slate gray, and deep charcoal. Its direct complementary color is red-purple (#6532CD). Neutral tones like white and warm gray help balance its intensity in most design contexts.

Is Yellow Green a Warm or Cool Color?

Yellow green is a warm color. Its strong yellow base pushes it toward the warm side of the color wheel, despite green typically reading as neutral. The higher the yellow component, the warmer and more energetic the tone feels.

What Does Yellow Green Represent Psychologically?

Yellow green is linked to renewal, vitality, and optimism in color psychology. It draws strong associations with spring growth, fresh foliage, and forward energy. In large doses it can feel sharp, so balance with neutrals in design applications.

What Is the Difference Between Yellow Green and Chartreuse?

Chartreuse is more saturated and brighter than standard yellow green, sitting closer to pure lime on the spectrum. Yellow green (#9ACD32) is more muted and balanced. Both are warm tertiary colors, but chartreuse reads as more intense and electric in most contexts.

What Is Yellow Green Used for in Design?

Yellow green works well as an accent in web design, packaging design, and branding for eco-conscious or health-focused products. It is also common in high-visibility safety gear, sportswear, and motion graphics where attention and energy are priorities.

What Is the CMYK Value for Yellow Green?

The CMYK value for yellow green (#9ACD32) is C: 25%, M: 0%, Y: 76%, K: 20%. Yellow dominates the mix at 76%, with zero magenta. For accurate print results, always run a proof since screen and paper rendering can differ noticeably. Use a RGB to CMYK converter to verify.

Is Yellow Green a Good Color for Branding?

Yes, for the right industries. Yellow green communicates growth, energy, and environmental awareness, making it a strong fit for wellness, outdoor, and sustainability brands. It is high-visibility and memorable. Avoid it in luxury or formal contexts where it tends to feel too casual.

Conclusion

This conclusion is for an article presenting yellow green color as one of the most versatile and visually distinctive tertiary hues on the color wheel.

From its CMYK and HSL values to its role in branding, fashion, and paint mixing, yellow green covers a lot of ground.

Its warm saturation and high visibility make it a practical choice for designers working across print design and digital screens alike.

Pair it with neutrals for balance, or push it against violet and deep indigo for sharp, high-contrast results.

Understanding its complementary color scheme and analogous neighbors gives you real control over how the hue behaves in any layout or visual hierarchy.

Used well, it communicates growth, energy, and freshness without feeling overdone.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• The Linear Logo History, Colors, Font, And Meaning - 8 August 2026
• The Best Gamma Alternative for Business Presentations in 2026 - 7 August 2026
• Canva vs Figma: Which Should Designers Actually Use? - 6 August 2026