Green Yellow is a medium, vivid shade in the green color family, with a cool feel. Its HEX code is #ADFF2F, which equals rgb(173, 255, 47) in RGB and hsl(84, 100%, 59%) in HSL. In print terms it converts to roughly C32 M0 Y82 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#ADFF2F - RGB
173, 255, 47 - HSL
84°, 100%, 59% - CMYK
32, 0, 82, 0 - Family
Green - Tone
Medium, vivid
About Green Yellow
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 17.12:1. Its complementary color is #822EFF.
Download Green Yellow 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…
Green Yellow color codes
| HEX | #ADFF2F |
|---|---|
| RGB | rgb(173, 255, 47) |
| HSL | hsl(84, 100%, 59%) |
| HSV | 84°, 82%, 100% |
| CMYK | 32%, 0%, 82%, 0% |
| Decimal | 11403055 |
Shades and tints of Green Yellow
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1FFDC - 100
#E4FFBA - 200
#D6FF97 - 300
#C8FF74 - 400
#BBFF52 - 500
#ADFF2F - 600
#90D527 - 700
#73AA1F - 800
#578018 - 900
#3A5510 - 950
#1D2B08
Color harmonies for Green Yellow
- Complementary
#822EFF≈ Medium Light Periwinkle - Analogous −30°
#FFEA2E≈ Medium Light Gold - Analogous +30°
#43FF2E≈ Medium Light Shamrock - Triadic +120°
#2EABFF≈ Medium Light Azure - Triadic +240°
#FF2EAB≈ Medium Light Rose - Split 150°
#2E43FF≈ Medium Light Royal - Split 210°
#EA2EFF≈ Medium Light Orchid
Contrast and accessibility of Green Yellow
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Green Yellow | Aa | 1.23:1 | Fails |
| Black text on Green Yellow | Aa | 17.12:1 | AAA (excellent) |
CSS code for Green Yellow
background-color: #ADFF2F;color: #ADFF2F;background-color: rgb(173, 255, 47);background-color: hsl(84, 100%, 59%);:root { --color-green-yellow: #ADFF2F; }class="bg-[#ADFF2F]"Colors similar to Green Yellow
- Medium Light Spring Bud
#A9FF29 - Medium Light Chartreuse
#BFFF29 - Medium Light Apple
#94FF29 - Medium Light Bright Spring Bud
#A5EA3E - Medium Light Bright Chartreuse
#B6EA3E - Light Apple
#A8FF52 - Light Spring Bud
#BAFF52 - Bright Chartreuse
#A8E619 - Medium Light Bright Apple
#94EA3E - Medium Light Bright Lime
#C7EA3E - Light Fern
#97FF52 - Medium Light Lime
#D4FF29
More green shades
- Pale Green
#98FB98 - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Lawn Green
#7CFC00 - Light Green
#90EE90 - Lime
#00FF00 - Medium Aquamarine
#66CDAA - Medium Sea Green
#3CB371
Frequently asked questions
What is the HEX code for Green Yellow?
The HEX code for Green Yellow is #ADFF2F.
What is the RGB value of Green Yellow?
Green Yellow has an RGB value of 173, 255, 47 (rgb(173, 255, 47)). In HSL it is 84°, 100%, 59%.
What text color should I use on Green Yellow?
Use black text on Green Yellow. White text has a contrast ratio of 1.23:1 and black text has 17.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Green Yellow?
The complementary color of Green Yellow is #822EFF. Analogous colors #FFEA2E and #43FF2E also pair well.