The Kelly Green Color Code: HEX, RGB, CMYK

Few colors demand attention the way kelly green does.

Kelly green is a cool secondary color that combines blue and yellow in high-saturation balance. The color sits at 101 degrees on the color wheel and carries strong associations with nature, growth, and Irish heritage, with RGB values of (76, 187, 23).

It shows up in fashion, interior design, branding, and digital work because it’s one of the few vivid greens that stays versatile without losing its punch.

This guide covers everything: hex codes, color palettes, psychology, complementary pairings, and how to mix it across different mediums.

Kelly Green Color Codes

Kelly green sits at #4CBB17 in the hex color system. It’s one of those shades that reads as pure, saturated green with just a slight lean toward yellow. Bright without being garish. Confident without being aggressive.

Here are the exact values across all major color theory systems:

• HEX: #4CBB17
• RGB: 76, 187, 23
• CMYK: C: 59%, M: 0%, Y: 88%, K: 27%
• HSL: 101 degrees, 78% saturation, 41% lightness
• HSB/HSV: 101 degrees, 88% saturation, 73% brightness

In the RGB color model, kelly green is built from 29.8% red, 73.3% green, and 9% blue. That high green dominance is what gives it such a vivid, saturated appearance on screens.

The saturation level at 78.1% puts it firmly in the “vivid” territory. It’s not a muted tone. It’s not a pastel. It punches.

For print work, knowing the CMYK breakdown matters. The near-zero magenta value combined with high cyan and yellow is what creates that clean, pure green with no muddiness. Worth noting: kelly green can shift slightly on uncoated stock. Always proof before a full print run.

If you’re working with the Pantone Matching System, the closest PMS reference is around 361 C or 362 C depending on the specific rendering environment. The exact match will vary based on medium and substrate.

Need to convert between formats? These tools help:

• RGB to HEX Converter
• HEX to RGB Converter
• RGB to CMYK Converter
• CMYK to RGB Converter
• HSL to RGB Converter

—

Kelly Green Color Palettes

Kelly green sits at roughly 101 degrees on the color wheel, which makes its color harmony relationships predictable and easy to work with. Below are the main palette types with accurate hex values.

Want to experiment further? The color palette generator is a good way to build custom schemes around kelly green quickly.

—

Kelly Green Shades

Kelly green encompasses multiple variations including bright kelly, medium kelly, deep kelly, pale kelly green, dark kelly green, and muted kelly green.

Each variation differs in saturation, brightness, and lightness composition. Some lean lighter toward white while others shift darker toward near-black, creating distinct aesthetic effects across different design applications.

—

What Are the Primary Attributes of Kelly Green?

Kelly green has five primary attributes: high saturation (78.1% in HSL), a yellow-leaning hue at 101 degrees, medium lightness at 41%, strong green dominance in RGB, and cultural association with Irish heritage and St. Patrick’s Day.

—

How Is Kelly Green Used in Interior Design?

Kelly green functions as a bold accent color in interior design, creating energetic, fresh-feeling spaces that add life to neutral rooms.

Designers use it for statement walls, upholstery, throw pillows, and window treatments to establish a lively atmosphere that draws the eye and lifts the mood without overwhelming a room entirely.

It works particularly well in mid-century modern, eclectic, and maximalist interiors. In more restrained rooms, a single kelly green piece, say a velvet armchair or a set of drapes, does enough. Pairing it with [white], warm wood tones, or brass hardware keeps things grounded.

—

What Psychology and Emotions Does Kelly Green Evoke?

Kelly green evokes feelings of growth, optimism, vitality, and balance through its strong connection to nature, springtime, and Irish cultural heritage.

Color psychology research indicates kelly green reduces stress hormones, promotes a calm-but-energized mental state, and creates environments that support both focus and relaxation simultaneously.

It sits in a sweet spot that most other greens don’t quite hit. It’s not as calming as sage. Not as heavy as forest green. Not as aggressive as neon. It reads as alive, which is probably why it became so tied to celebration and luck in the first place.

—

How Is Kelly Green Applied in Fashion and Clothing?

Kelly green serves as a statement color in fashion, offering high-impact vibrancy through dresses, blazers, trousers, and outerwear.

Fashion designers use it for its versatility across skin tones, seasonal relevance (especially spring and fall), and ability to work equally well in casual street style and formal settings.

It pairs cleanly with black, white, navy, and camel. Those are the safe bets. But honestly, kelly green with a rust orange or a warm burgundy? That works too. It’s one of those colors that’s trickier than it looks to get wrong. The saturation does the work for you.

—

What Colors Complement and Contrast With Kelly Green?

Kelly green complements white, black, gold, navy blue, and cream while contrasting effectively with deep purple, magenta, and red-violet.

These combinations create high-energy or harmonious palettes that use kelly green’s strong saturation as either the focal point or supporting tone, depending on the ratio used.

Complementary Colors

Kelly Green + White

• Color Theory Basis: High-value neutral that lets kelly green’s saturation breathe
• Visual Effect: Clean, crisp, high contrast without aggression
• Best Applications: Web design, packaging, signage, sportswear
• Ratio Recommendations: 70% white, 30% kelly green
• Example Uses: Healthcare branding, fitness apps, eco-product labels

Kelly Green + Gold

• Color Theory Basis: Warm metallic neutral elevates the saturation of kelly green
• Visual Effect: Rich, celebratory, slightly luxurious
• Best Applications: Event design, packaging design, holiday branding
• Ratio Recommendations: 60% kelly green, 40% gold accents
• Example Uses: Irish-themed events, award packaging, premium product lines

Kelly Green + Navy Blue

• Color Theory Basis: Cool dark neutral anchors kelly green’s brightness
• Visual Effect: Preppy, grounded, collegiate
• Best Applications: Fashion, brand identity, print materials
• Ratio Recommendations: 50/50 or 60% navy, 40% kelly green
• Example Uses: Sportswear brands, university materials, apparel lines

Kelly Green + Cream

• Color Theory Basis: Warm off-white brings out kelly green’s yellow undertones
• Visual Effect: Inviting, natural, softer than pure white pairings
• Best Applications: Interior design, editorial layouts, wedding materials
• Ratio Recommendations: 65% cream, 35% kelly green
• Example Uses: Wedding color palettes, lifestyle brand visuals, home decor

Contrasting Colors

Kelly Green + Deep Purple

• Contrast Type: Near-complementary based on color wheel position
• Visual Impact: Bold, high-energy, unexpected
• Best Applications: Poster design, social media graphics, fashion-forward branding
• Balance Strategies: Use a neutral buffer (white or black) between the two; limit kelly green to 30% of the composition

Kelly Green + Magenta

• Contrast Type: Split-complementary adjacent
• Visual Impact: Vibrant, playful, attention-grabbing
• Best Applications: Kids branding, fun event materials, neon-inspired palettes
• Balance Strategies: Keep one color dominant at 70%+; avoid equal splits

Kelly Green + Red

• Contrast Type: Near-complementary, classic festive pairing
• Visual Impact: Festive, high contrast, seasonal
• Best Applications: Holiday materials, Christmas color palettes, seasonal retail
• Balance Strategies: Red as accent only (20-25%), kelly green dominant

Color Scheme Types

• Monochromatic: Use tints, tones, and shades of kelly green from pale #C8EDAB through #4CBB17 down to deep #143506 for layered, cohesive depth
• Analogous: Pair with yellow-green (#A5BB17) and blue-green (#17BB4C) for nature-inspired, low-tension harmony
• Triadic: Combine with cobalt blue (#174CBB) and crimson (#BB174C) for high contrast with structural balance
• Split-Complementary: Use violet-blue (#5517BB) and hot pink (#BB1760) alongside kelly green for visual tension without full complementary clash
• Tetradic: Four-way palette with teal (#17BBBB), purple (#871BB4), and amber (#BB7B17) for complex, rich layouts

Practical Pairing Guidelines

• 60-30-10 Rule: Kelly green works best as the 30% secondary color. Let a neutral dominate at 60%, use kelly green for mid-level presence, and bring in a dark or metallic at 10% for depth
• Accent Color Strategy: At 10-15%, kelly green makes an effective call-to-action color on neutral backgrounds. Pair with the color contrast checker to verify WCAG compliance before using on text
• Neutral Bridging: When pairing kelly green with another saturated color, insert a white, light gray, or warm cream buffer between them. Prevents visual collision

—

How Does Kelly Green Differ From Similar Green Colors?

Kelly green differs from lime green (more yellow, lower green purity), emerald green (deeper, more blue-shifted), forest green (darker, earthier), and mint green (much lighter, cooler) through its specific balance of high saturation, medium lightness, and slight yellow lean that creates its distinctive punchy character.

Visual Comparison

—

How Do You Create Kelly Green in Different Mediums?

Create kelly green by mixing a cool yellow (Lemon Yellow or Cadmium Yellow Light) with a cool blue (Phthalo Blue) in paint, setting RGB to approximately (76, 187, 23) in digital work, or entering HEX #4CBB17 directly, ensuring strong green dominance carries through in every format.

Acrylic Paint

Start with Lemon Yellow as your base, then add small amounts of Phthalo Blue until you hit a vivid, yellow-leaning green.

The ratio is roughly 3 parts yellow to 1 part blue as a starting point. Add a touch of Titanium White if the mix reads too dark.

• Base colors needed: Lemon Yellow (PY3 or PY175), Phthalo Blue (PB15)
• Mixing ratios: 3:1 yellow to blue, adjust from there
• Step-by-step: 1) Lay down yellow base, 2) Add blue in small increments, 3) Mix fully before evaluating, 4) Add white only if value needs lifting
• Common mistakes: Using Ultramarine Blue (produces muddy, dull greens), over-mixing once color is close
• Adjustment tips: Too blue? Add yellow. Too dark? Add white. Too muted? You likely used a warm blue.

Oil Paint

Same pigment logic applies: Phthalo Blue and a cool yellow like Cadmium Yellow Lemon. Oil paints tend to dry slightly darker, so mix a touch brighter than target.

Avoid Prussian Blue here. It’ll pull the mix too teal and dark. Glaze with a thin yellow wash once dry if you need to warm it up.

Watercolor

Use Phthalo Green (Blue Shade) as a shortcut and warm it with Aureolin or Hansa Yellow Light. Straight Phthalo Blue and Lemon Yellow also works well.

Dilution matters a lot with watercolor. A concentrated mix reads close to kelly green when wet but can dry significantly lighter. Do test swatches first.

Gouache

Similar to acrylic. Phthalo Blue plus a cool yellow, with Permanent White added as needed for opacity adjustments. Gouache tends to dry slightly matte and a touch lighter than wet mixing, so account for that shift.

Print / CMYK

• Cyan: 59%
• Magenta: 0%
• Yellow: 88%
• Black: 27%
• Printing considerations: Coated stock will reproduce this more accurately than uncoated, which tends to absorb ink and dull saturated greens. Always proof. Request a hard proof for anything color-critical.
• Pantone matching: Closest PMS references are 361 C or 362 C. Confirm with a current Pantone swatch book as screen previews don’t represent physical print output accurately.

—

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

Best practices for kelly green include using it as an accent rather than a dominant color in neutral-heavy layouts, always checking contrast ratios for text use, pairing it with desaturated supporting colors, and respecting its high visual weight in compositions.

Designers should verify WCAG compliance when using kelly green on or near white text (it often fails at smaller sizes), ensure it doesn’t compete with other saturated colors in the same layout, and keep the overall palette grounded to maximize the impact of kelly green’s brightness where it counts.

One thing worth flagging: kelly green on a white background often fails accessibility contrast tests for small body text. Use it for headlines, buttons, icons, and borders where the emphasis role is clear. Need to check values quickly? The color contrast checker handles that fast.

In web design, kelly green works particularly well for CTAs, status indicators, and success states. Users associate it with “go,” “active,” and “confirmed” without any extra context needed.

—

What Role Does Kelly Green Play in Branding and Marketing?

Kelly green plays an energetic, trust-building role in branding and marketing, communicating vitality, growth, and environmental responsibility to consumers. Marketing research indicates kelly green raises brand associations with health and freshness, making it effective for wellness, food, sustainability, and sports brands seeking an active, optimistic brand perception.

It’s particularly common in health and wellness industries, which makes sense. The color’s psychological associations with nature and renewal align well with brands selling anything from organic food to fitness apps. I’ve seen it work in fintech too, where the “growth” connotation reads as financial momentum rather than just environmental messaging.

Worth noting: kelly green is harder to pull off in luxury positioning. It reads as energetic and approachable rather than exclusive or premium. If that’s the target perception, emerald green or deep forest tones usually serve better. For a logo or visual identity built around accessibility and energy, though, kelly green is hard to beat.

Building out the full system around it matters. The brand guidelines need to define how kelly green interacts with supporting colors, backgrounds, and typography to stay consistent across every touchpoint.

FAQ on Kelly Green Color

What is kelly green color?

Kelly green is a vivid, saturated green shade with hex code #4CBB17 and RGB values of (76, 187, 23).

It sits at 101 degrees on the color wheel, leaning slightly yellow. Named after the common Irish surname Kelly, it’s strongly tied to Irish heritage and St. Patrick’s Day.

What is the hex code for kelly green?

The standard kelly green hex code is #4CBB17.

This value represents 29.8% red, 73.3% green, and 9% blue in the RGB color model. Use it consistently across digital platforms to maintain accurate color reproduction.

What colors go with kelly green?

Kelly green pairs well with white, black, navy, gold, and cream for balanced palettes.

For bolder combinations, try it with deep purple or magenta. Complementary pairings like red create festive, high-contrast results, while neutrals keep compositions clean and grounded.

Is kelly green a warm or cool color?

Kelly green is considered a cool color, despite its slight yellow lean.

Its hue angle of 101 degrees places it firmly in cool green territory. The high saturation level gives it energy, but its base green nature keeps it on the cooler side of the color spectrum.

What is the difference between kelly green and emerald green?

Kelly green is brighter and more yellow-leaning, while emerald green shifts toward blue and reads as deeper, richer, and more jewel-toned.

Emerald green suits luxury and formal contexts. Kelly green reads as energetic and fresh, making it better suited for sports, wellness, and bold fashion statements.

What does kelly green symbolize?

Kelly green symbolizes growth, vitality, renewal, and good luck.

Its deep roots in Irish culture connect it to fortune and celebration. In color psychology, it promotes balance, reduces stress, and creates optimistic, energizing environments across design, fashion, and branding applications.

How do you make kelly green paint?

Mix a cool yellow like Lemon Yellow with Phthalo Blue at roughly a 3:1 ratio.

Avoid warm blues like Ultramarine, which produce muddy results. Add small amounts of Titanium White if the value needs lifting. Always test swatches before committing to a final mix.

What is the Pantone color closest to kelly green?

The closest Pantone references are PMS 361 C or PMS 362 C, depending on the specific rendering environment and substrate.

Screen previews don’t accurately represent physical Pantone output. Always verify against a current physical Pantone swatch book before finalizing any print project.

Is kelly green good for branding?

Yes, particularly for health, wellness, food, sustainability, and sports brands.

Kelly green communicates energy, freshness, and growth effectively. It’s less suited for luxury positioning, where deeper greens like forest or emerald tend to signal sophistication more convincingly to target audiences.

How does kelly green differ from lime green?

Lime green (#89F336) is significantly brighter and more yellow than kelly green, with a lighter overall value.

Kelly green carries more visual weight and reads as a more grounded, mature shade. Lime green skews neon and youthful, while kelly green works across a wider range of design contexts.

Conclusion

Kelly green color is one of the most versatile and recognizable shades in the green family, sitting confidently at #4CBB17 with 78% saturation and a hue that balances yellow warmth with cool green clarity.

Whether you’re building a color palette, choosing paint for a statement wall, or locking down CMYK values for a print project, this shade delivers.

Its strong ties to vitality, renewal, and balance make it a natural fit across fashion, interior design, and brand identity work.

Paired with neutrals it stays refined. Pushed against deep purple or magenta, it gets bold fast.

Understanding its color psychology, Pantone references, and complementary pairings gives you everything you need to use it with intention and consistency.

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

• Pantone to RGB Converter - 29 July 2026
• Baseball Team Color Codes - 28 July 2026
• How Creators Can Use AI Image Tools to Make Better Visual Content - 28 July 2026