Pure Leaf is a medium, vivid shade in the green color family, with a cool feel. Its HEX code is #4CFF00, which equals rgb(76, 255, 0) in RGB and hsl(102, 100%, 50%) in HSL. In print terms it converts to roughly C70 M0 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#4CFF00 - RGB
76, 255, 0 - HSL
102°, 100%, 50% - CMYK
70, 0, 100, 0 - Family
Green - Tone
Medium, vivid
About Pure Leaf
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 15.61:1. Its complementary color is #B300FF.
Download Pure Leaf 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…
Pure Leaf color codes
| HEX | #4CFF00 |
|---|---|
| RGB | rgb(76, 255, 0) |
| HSL | hsl(102, 100%, 50%) |
| HSV | 102°, 100%, 100% |
| CMYK | 70%, 0%, 100%, 0% |
| Decimal | 5046016 |
Shades and tints of Pure Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1FFD5 - 100
#C3FFAA - 200
#A6FF80 - 300
#88FF55 - 400
#6AFF2B - 500
#4CFF00 - 600
#3FD500 - 700
#33AA00 - 800
#268000 - 900
#195500 - 950
#0D2B00
Color harmonies for Pure Leaf
- Complementary
#B300FF≈ Pure Purple - Analogous −30°
#CCFF00≈ Citron - Analogous +30°
#00FF33≈ Pure Kelly - Triadic +120°
#004CFF≈ Pure Cobalt - Triadic +240°
#FF004C≈ Pure Crimson - Split 150°
#3300FF≈ Ultramarine - Split 210°
#FF00CC≈ Pure Fuchsia
Contrast and accessibility of Pure Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Leaf | Aa | 1.35:1 | Fails |
| Black text on Pure Leaf | Aa | 15.61:1 | AAA (excellent) |
CSS code for Pure Leaf
background-color: #4CFF00;color: #4CFF00;background-color: rgb(76, 255, 0);background-color: hsl(102, 100%, 50%);:root { --color-pure-leaf: #4CFF00; }class="bg-[#4CFF00]"Colors similar to Pure Leaf
- Pure Clover
#33FF00 - Pure Fern
#66FF00 - Bright Clover
#42E619 - Bright Leaf
#57E619 - Medium Light Clover
#54FF29 - Medium Light Shamrock
#3EFF29 - Pure Shamrock
#1AFF00 - Lawn Green
#7CFC00 - Chartreuse
#7FFF00 - Bright Shamrock
#2EE619 - Bright Fern
#6BE619 - Medium Light Leaf
#69FF29
More green shades
- Palest Dusty Fern
#E4EBE0 - Darkest Leaf
#0F3300 - Very Dark Leaf
#1C5C00 - Dark Leaf
#288500 - Deep Leaf
#34AD00 - Medium Dark Leaf
#40D600 - Medium Light Leaf
#69FF29 - Light Leaf
#86FF52 - Pale Leaf
#A2FF7A - Very Pale Leaf
#BFFFA3 - Palest Leaf
#DBFFCC
Frequently asked questions
What is the HEX code for Pure Leaf?
The HEX code for Pure Leaf is #4CFF00.
What is the RGB value of Pure Leaf?
Pure Leaf has an RGB value of 76, 255, 0 (rgb(76, 255, 0)). In HSL it is 102°, 100%, 50%.
What text color should I use on Pure Leaf?
Use black text on Pure Leaf. White text has a contrast ratio of 1.35:1 and black text has 15.61:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Leaf?
The complementary color of Pure Leaf is #B300FF. Analogous colors #CCFF00 and #00FF33 also pair well.