Kelly Green is a medium-dark, saturated shade in the green color family, with a cool feel. Its HEX code is #4CBB17, which equals rgb(76, 187, 23) in RGB and hsl(101, 78%, 41%) in HSL. In print terms it converts to roughly C59 M0 Y88 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#4CBB17 - RGB
76, 187, 23 - HSL
101°, 78%, 41% - CMYK
59, 0, 88, 27 - Family
Green - Tone
Medium-dark, saturated
About Kelly Green
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 8.43:1. Its complementary color is #8617BA.
Download Kelly Green as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Kelly Green color codes
| HEX | #4CBB17 |
|---|---|
| RGB | rgb(76, 187, 23) |
| HSL | hsl(101, 78%, 41%) |
| HSV | 101°, 88%, 73% |
| CMYK | 59%, 0%, 88%, 27% |
| Decimal | 5028631 |
Shades and tints of Kelly Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F4D8 - 100
#C3E8B2 - 200
#A6DD8B - 300
#88D264 - 400
#6AC63E - 500
#4CBB17 - 600
#3F9C13 - 700
#337D0F - 800
#265E0C - 900
#193E08 - 950
#0D1F04
Color harmonies for Kelly Green
- Complementary
#8617BA≈ Medium Dark Bright Grape - Analogous −30°
#9CBA17≈ Medium Dark Bright Lime - Analogous +30°
#17BA35≈ Medium Dark Bright Emerald - Triadic +120°
#174BBA≈ Medium Dark Bright Sapphire - Triadic +240°
#BA174B≈ Medium Dark Bright Ruby - Split 150°
#3517BA≈ Medium Dark Bright Indigo - Split 210°
#BA179C≈ Medium Dark Bright Cerise
Contrast and accessibility of Kelly Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Kelly Green | Aa | 2.49:1 | Fails |
| Black text on Kelly Green | Aa | 8.43:1 | AAA (excellent) |
CSS code for Kelly Green
background-color: #4CBB17;color: #4CBB17;background-color: rgb(76, 187, 23);background-color: hsl(101, 78%, 41%);:root { --color-kelly-green: #4CBB17; }class="bg-[#4CBB17]"Colors similar to Kelly Green
- Medium Dark Bright Leaf
#49C115 - Medium Dark Bright Fern
#5AC115 - Medium Dark Bright Clover
#38C115 - Medium Dark Soft Leaf
#51AB2B - Medium Dark Soft Clover
#45AB2B - Deep Fern
#45AD00 - Medium Dark Bright Apple
#6BC115 - Deep Apple
#57AD00 - Medium Dark Soft Fern
#5EAB2B - Medium Dark Soft Shamrock
#38AB2B - Medium Dark Bright Shamrock
#27C115 - Soft Clover
#52CC33
More green shades
- Yellow Green
#9ACD32 - Emerald
#50C878 - Mint
#3EB489 - Seafoam Green
#9FE2BF - Jade
#00A86B - Malachite
#0BDA51 - Hunter Green
#355E3B - Moss Green
#8A9A5B - Pistachio
#93C572 - Avocado
#568203 - Darkest Chartreuse
#243300
Frequently asked questions
What is the HEX code for Kelly Green?
The HEX code for Kelly Green is #4CBB17.
What is the RGB value of Kelly Green?
Kelly Green has an RGB value of 76, 187, 23 (rgb(76, 187, 23)). In HSL it is 101°, 78%, 41%.
What text color should I use on Kelly Green?
Use black text on Kelly Green. White text has a contrast ratio of 2.49:1 and black text has 8.43:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Kelly Green?
The complementary color of Kelly Green is #8617BA. Analogous colors #9CBA17 and #17BA35 also pair well.