Light Leaf is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #86FF52, which equals rgb(134, 255, 82) in RGB and hsl(102, 100%, 66%) in HSL. In print terms it converts to roughly C47 M0 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#86FF52 - RGB
134, 255, 82 - HSL
102°, 100%, 66% - CMYK
47, 0, 68, 0 - Family
Green - Tone
Medium-light, vivid
About Light 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 16.44:1. Its complementary color is #CB52FF.
Download Light 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…
Light Leaf color codes
| HEX | #86FF52 |
|---|---|
| RGB | rgb(134, 255, 82) |
| HSL | hsl(102, 100%, 66%) |
| HSV | 102°, 68%, 100% |
| CMYK | 47%, 0%, 68%, 0% |
| Decimal | 8847186 |
Shades and tints of Light Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBFFE2 - 100
#D7FFC5 - 200
#C3FFA9 - 300
#AEFF8C - 400
#9AFF6F - 500
#86FF52 - 600
#70D544 - 700
#59AA37 - 800
#438029 - 900
#2D551B - 950
#162B0E
Color harmonies for Light Leaf
- Complementary
#CB52FF≈ Light Amethyst - Analogous −30°
#DCFF52≈ Light Chartreuse - Analogous +30°
#52FF74≈ Light Kelly - Triadic +120°
#5286FF≈ Light Cornflower - Triadic +240°
#FF5286≈ Light Carmine - Split 150°
#7452FF≈ Light Ultramarine - Split 210°
#FF52DC≈ Light Raspberry
Contrast and accessibility of Light Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Leaf | Aa | 1.28:1 | Fails |
| Black text on Light Leaf | Aa | 16.44:1 | AAA (excellent) |
CSS code for Light Leaf
background-color: #86FF52;color: #86FF52;background-color: rgb(134, 255, 82);background-color: hsl(102, 100%, 66%);:root { --color-light-leaf: #86FF52; }class="bg-[#86FF52]"Colors similar to Light Leaf
- Light Fern
#97FF52 - Light Clover
#74FF52 - Light Bright Leaf
#8DEE63 - Light Bright Clover
#7FEE63 - Medium Light Bright Fern
#83EA3E - Light Bright Fern
#9AEE63 - Light Bright Shamrock
#71EE63 - Light Apple
#A8FF52 - Light Shamrock
#63FF52 - Medium Light Bright Apple
#94EA3E - Medium Light Bright Leaf
#72EA3E - Pale Shamrock
#88FF7A
More green shades
- Very Dark Leaf
#1C5C00 - Dark Leaf
#288500 - Deep Leaf
#34AD00 - Medium Dark Leaf
#40D600 - Pure Leaf
#4CFF00 - Medium Light Leaf
#69FF29 - Pale Leaf
#A2FF7A - Very Pale Leaf
#BFFFA3 - Palest Leaf
#DBFFCC - Darkest Bright Leaf
#112E05 - Very Dark Bright Leaf
#1F5309
Frequently asked questions
What is the HEX code for Light Leaf?
The HEX code for Light Leaf is #86FF52.
What is the RGB value of Light Leaf?
Light Leaf has an RGB value of 134, 255, 82 (rgb(134, 255, 82)). In HSL it is 102°, 100%, 66%.
What text color should I use on Light Leaf?
Use black text on Light Leaf. White text has a contrast ratio of 1.28:1 and black text has 16.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Leaf?
The complementary color of Light Leaf is #CB52FF. Analogous colors #DCFF52 and #52FF74 also pair well.