Pale Leaf is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #A2FF7A, which equals rgb(162, 255, 122) in RGB and hsl(102, 100%, 74%) in HSL. In print terms it converts to roughly C36 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#A2FF7A - RGB
162, 255, 122 - HSL
102°, 100%, 74% - CMYK
36, 0, 52, 0 - Family
Green - Tone
Medium-light, vivid
About Pale 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 17.12:1. Its complementary color is #D77AFF.
Download Pale 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…
Pale Leaf color codes
| HEX | #A2FF7A |
|---|---|
| RGB | rgb(162, 255, 122) |
| HSL | hsl(102, 100%, 74%) |
| HSV | 102°, 52%, 100% |
| CMYK | 36%, 0%, 52%, 0% |
| Decimal | 10682234 |
Shades and tints of Pale Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F0FFE9 - 100
#E0FFD3 - 200
#D1FFBD - 300
#C1FFA6 - 400
#B2FF90 - 500
#A2FF7A - 600
#87D566 - 700
#6CAA51 - 800
#51803D - 900
#365529 - 950
#1B2B14
Color harmonies for Pale Leaf
- Complementary
#D77AFF≈ Pale Amethyst - Analogous −30°
#E4FF7A≈ Pale Chartreuse - Analogous +30°
#7AFF95≈ Pale Kelly - Triadic +120°
#7AA2FF≈ Pale Cornflower - Triadic +240°
#FF7AA2≈ Pale Carmine - Split 150°
#957AFF≈ Pale Ultramarine - Split 210°
#FF7AE4≈ Pale Raspberry
Contrast and accessibility of Pale Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Leaf | Aa | 1.23:1 | Fails |
| Black text on Pale Leaf | Aa | 17.12:1 | AAA (excellent) |
CSS code for Pale Leaf
background-color: #A2FF7A;color: #A2FF7A;background-color: rgb(162, 255, 122);background-color: hsl(102, 100%, 74%);:root { --color-pale-leaf: #A2FF7A; }class="bg-[#A2FF7A]"Colors similar to Pale Leaf
- Pale Clover
#95FF7A - Pale Fern
#AFFF7A - Pale Bright Leaf
#A7F288 - Pale Bright Clover
#9DF288 - Pale Shamrock
#88FF7A - Pale Bright Shamrock
#92F288 - Pale Bright Fern
#B2F288 - Pale Apple
#BDFF7A - Pale Green
#98FB98 - Light Bright Apple
#A8EE63 - Light Bright Fern
#9AEE63 - Pale Bright Green
#88F288
More green shades
- Dark Leaf
#288500 - Deep Leaf
#34AD00 - Medium Dark Leaf
#40D600 - Pure Leaf
#4CFF00 - Medium Light Leaf
#69FF29 - Light Leaf
#86FF52 - Very Pale Leaf
#BFFFA3 - Palest Leaf
#DBFFCC - Darkest Bright Leaf
#112E05 - Very Dark Bright Leaf
#1F5309 - Dark Bright Leaf
#2D770D
Frequently asked questions
What is the HEX code for Pale Leaf?
The HEX code for Pale Leaf is #A2FF7A.
What is the RGB value of Pale Leaf?
Pale Leaf has an RGB value of 162, 255, 122 (rgb(162, 255, 122)). In HSL it is 102°, 100%, 74%.
What text color should I use on Pale Leaf?
Use black text on Pale Leaf. 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 Pale Leaf?
The complementary color of Pale Leaf is #D77AFF. Analogous colors #E4FF7A and #7AFF95 also pair well.