Kelly green is a vivid, yellowish shade of green that stands out in design, fashion, and digital projects. Understanding the kelly green hex code helps teams reproduce this energetic color accurately across screens and print.
The hex code #4CFF00 defines kelly green in web and graphic standards by specifying exact red, green, and blue values. This article explains how the color works, where to use it, and how to pair it effectively.
| Color Name | Hex Code | Red | Green | Blue |
|---|---|---|---|---|
| Kelly Green | #4CFF00 | 76 | 255 | 0 |
| Hex Notation | #4CFF00 | 4C | FF | 00 |
| RGB Decimal | 76, 255, 0 | 76 | 255 | 0 |
| HSL Values | H: 90°, S: 100%, L: 50% | 90 | 100 | 50 |
Defining Kelly Green in Design
RGB Breakdown and Brightness
In RGB, kelly green delivers maximum impact with green at 255, red at 76, and blue at 0. This configuration produces a highly saturated, bright green that commands attention on websites and in digital campaigns.
Applying Kelly Green in Branding
Brand Recognition and Call to Action
Brands use the kelly green hex code #4CFF00 to signal energy, growth, and action. Because the color is vivid yet balanced, it works well for call-to-action buttons, promotional banners, and logo accents that need to stand out.
Best Practices for Using Hex #4CFF00
Contrast, Readability, and Accessibility
When using kelly green, ensure sufficient contrast with text and background elements. Pair it with dark neutrals like charcoal or deep navy, and test combinations for readability, especially for users with color vision differences.
Technical Specifications for Developers
Hex, RGB, and HSL Implementation
Developers can implement the color as #4CFF00 in CSS, using matching RGB values rgb(76, 255, 0) or HSL values hsl(90, 100%, 50%). Consistent usage across style guides prevents subtle shifts in how the green appears on different platforms.
Practical Guidelines for Designers
- Use #4CFF00 for focal elements like buttons and headlines.
- Ensure contrast compliance with dark neutrals for text and icons.
- Test the color on different screens to verify brightness and accuracy.
- Combine with complementary accents such as deep purple or navy for balanced palettes.
FAQ
Reader questions
What exact color does #4CFF00 represent?
#4CFF00 represents a bright, vivid kelly green with strong green dominance, moderate red, and no blue.
Is kelly green suitable for text on white backgrounds?
No, text in #4CFF00 on white backgrounds fails contrast checks; use dark backgrounds or light text for legibility.
How does #4CFF00 compare to standard green hex #00FF00?
#4CFF00 adds a slight yellow warmth and reduced brightness compared to pure #00FF00, making it visually richer for branding.
Can I print kelly green accurately using CMYK?
Print outputs vary, but approximate CMYK values are Cyan 70%, Magenta 0%, Yellow 100%, Black 0%; always calibrate proofs for exact matches.