Kelly Green

#4CBB17

What color is Kelly Green?

Kelly green is a bright, pure green with a strong grassy tone, hex #4CBB17, similar to freshly cut lawn grass in full sun. It has no notable blue or yellow pull, sitting squarely in the middle of the green spectrum with high saturation and good clarity.

What is the meaning of the color Kelly Green?

Irish immigrant communities in the United States popularized the name Kelly green in the early twentieth century, linking it to the common Irish surname Kelly and the long association between Ireland and vivid green. The color became a fixture of Saint Patrick’s Day celebrations in American cities, particularly in New York and Boston, where Irish heritage parades made it a recognizable cultural symbol. By the mid-twentieth century, sportswear manufacturers had adopted it as a standard team color, and the Philadelphia Eagles used a close variant of it as their official uniform color from the team’s early decades through 1995.

RGB
76, 187, 23
HSL
101°, 78%, 41%
CMYK
59, 0, 88, 27
HSV
101°, 88%, 73%
Kelly green color

What colors go with Kelly Green?

Colors that pair well with Kelly green include:
White: clean, high-contrast freshness
Navy blue: bold, grounded complement
Gold: warm, rich contrast
Black: sharp, graphic definition
Cream: soft, natural balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #4CBB17 color: #4CBB17;
RGB 76, 187, 23 color: rgb(76, 187, 23);
RGB Percentage 30%, 73%, 9% color: rgb(30%, 73%, 9%);
CMYK 59%, 0%, 88%, 27% Not supported in CSS
HSL 101°, 78%, 41% color: hsl(101, 78%, 41%);
HSV 101°, 88%, 73% Not supported in CSS
CIE-LAB 33, -22, 55 color: lab(33% -22 55);
Decimal 5028631 Not supported in CSS

Color Variations

Shades

#4BBA17
#43A715
#3C9512
#348210
#2D700E
#255D0C
#1E4A09
#163807

Tints

#C5F5AF
#B2F294
#9EEE79
#8BEB5E
#78E844
#64E529
#55D51A
#4BBA17

Tones

#4BBA17
#4EB21F
#51AA27
#54A22F
#579938
#5A9140
#5D8948
#608150

Hues

#4BBA17
#17BA5E
#179CBA
#1722BA
#8617BA
#BA1773
#BA3517
#BAAF17

Color Harmonies

Analogous

#9CBA17
Click to copy
#4CBB17
Click to copy
#17BA35
Click to copy

Complementary

#4CBB17
Click to copy
#8617BA
Click to copy

Split Complementary

#4CBB17
Click to copy
#3517BA
Click to copy
#BA179C
Click to copy

Triadic

#4CBB17
Click to copy
#174BBA
Click to copy
#BA174B
Click to copy

Tetradic

#4CBB17
Click to copy
#179CBA
Click to copy
#8617BA
Click to copy
#BA3517
Click to copy
98%

Square

#4CBB17
Click to copy
#179CBA
Click to copy
#8617BA
Click to copy
#BA3517
Click to copy
98%

CSS & Dev Snippets

CSS
.kelly-green {
  color: #4CBB17;
}
SCSS
$kelly-green: #4CBB17;
RGB
rgb(76, 187, 23)

Accessibility & Contrast

White background

2.49:1
2.49
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.43:1
8.43
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags