Kelly Green

Kelly Green is an intense, pure green with a notable vibrancy, sitting squarely between blue and yellow on the color wheel.

While considered a cool color, it carries a distinct yellow undertone that gives it a characteristic brightness and energy without shifting into lime.

Named for a common Irish surname, Kelly Green is steeped in symbolism from the Emerald Isle, representing luck, nature, and renewal.

Its vibrant character communicates energy, growth, and a sense of fresh optimism, making it a confident choice in any palette.

In UI design, Kelly Green (#4CBB17) is most effective when used with intention. It excels as an accent for primary calls-to-action, interactive elements, and highlights. To make it pop, set it against a backdrop of neutral colors like crisp whites, soft grays, or deep charcoals. This contrast draws the eye without overwhelming the user.

While not as widespread as other primary colors, brands like Duolingo, Zenly, and Shake Shack use a similar vibrant green to build a memorable identity. Its infrequent use in digital products presents an opportunity for a brand to appear distinctive and capture attention in a crowded market.

To see how Kelly Green works in a real design system, use the tools on this page. You can browse curated palettes, test color contrast for accessibility, and preview #4CBB17 in UI components from leading apps.

When working with Kelly Green, its hex code #4CBB17 is your starting point for digital projects. Because of its bright and assertive nature, it's particularly effective for accents, highlights, and key interface elements that need to capture a user's attention immediately.

While #4CBB17 is standard for web development, you will need other formats for different media. RGB values dictate the specific mix of red, green, and blue light for on-screen displays, whereas CMYK values are critical for print work, defining the required ink proportions. Models like HSL provide a more intuitive method for adjusting color properties such as hue, saturation, and lightness.

To simplify your workflow, we have converted #4CBB17 into a range of popular color formats below. You can copy and paste these codes directly into your design tools and projects.