Palest Leaf is a very light, vivid shade in the green color family, with a cool feel. Its HEX code is #DBFFCC, which equals rgb(219, 255, 204) in RGB and hsl(102, 100%, 90%) in HSL. In print terms it converts to roughly C14 M0 Y20 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#DBFFCC - RGB
219, 255, 204 - HSL
102°, 100%, 90% - CMYK
14, 0, 20, 0 - Family
Green - Tone
Very light, vivid
About Palest 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 19.19:1. Its complementary color is #F0CCFF.
Download Palest 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…
Palest Leaf color codes
| HEX | #DBFFCC |
|---|---|
| RGB | rgb(219, 255, 204) |
| HSL | hsl(102, 100%, 90%) |
| HSV | 102°, 20%, 100% |
| CMYK | 14%, 0%, 20%, 0% |
| Decimal | 14417868 |
Shades and tints of Palest Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9FFF7 - 100
#F3FFEE - 200
#EDFFE6 - 300
#E7FFDD - 400
#E1FFD5 - 500
#DBFFCC - 600
#B7D5AA - 700
#92AA88 - 800
#6E8066 - 900
#495544 - 950
#252B22
Color harmonies for Palest Leaf
- Complementary
#F0CCFF≈ Palest Amethyst - Analogous −30°
#F5FFCC≈ Palest Chartreuse - Analogous +30°
#CCFFD6≈ Palest Kelly - Triadic +120°
#CCDBFF≈ Palest Cornflower - Triadic +240°
#FFCCDB≈ Palest Carmine - Split 150°
#D6CCFF≈ Palest Ultramarine - Split 210°
#FFCCF5≈ Palest Fuchsia
Contrast and accessibility of Palest Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Leaf | Aa | 1.09:1 | Fails |
| Black text on Palest Leaf | Aa | 19.19:1 | AAA (excellent) |
CSS code for Palest Leaf
background-color: #DBFFCC;color: #DBFFCC;background-color: rgb(219, 255, 204);background-color: hsl(102, 100%, 90%);:root { --color-palest-leaf: #DBFFCC; }class="bg-[#DBFFCC]"Colors similar to Palest Leaf
- Palest Clover
#D6FFCC - Palest Fern
#E0FFCC - Palest Bright Leaf
#DDFAD1 - Palest Bright Clover
#D9FAD1 - Palest Bright Shamrock
#D5FAD1 - Palest Bright Fern
#E1FAD1 - Palest Shamrock
#D1FFCC - Palest Apple
#E6FFCC - Palest Bright Green
#D1FAD1 - Palest Bright Apple
#E6FAD1 - Palest Bright Kelly
#D1FAD5 - Palest Soft Clover
#DCF5D6
More green shades
- Medium Dark Leaf
#40D600 - Pure Leaf
#4CFF00 - Medium Light Leaf
#69FF29 - Light Leaf
#86FF52 - Pale Leaf
#A2FF7A - Very Pale Leaf
#BFFFA3 - Darkest Bright Leaf
#112E05 - Very Dark Bright Leaf
#1F5309 - Dark Bright Leaf
#2D770D - Deep Bright Leaf
#3B9C11 - Medium Dark Bright Leaf
#49C115
Frequently asked questions
What is the HEX code for Palest Leaf?
The HEX code for Palest Leaf is #DBFFCC.
What is the RGB value of Palest Leaf?
Palest Leaf has an RGB value of 219, 255, 204 (rgb(219, 255, 204)). In HSL it is 102°, 100%, 90%.
What text color should I use on Palest Leaf?
Use black text on Palest Leaf. White text has a contrast ratio of 1.09:1 and black text has 19.19:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Leaf?
The complementary color of Palest Leaf is #F0CCFF. Analogous colors #F5FFCC and #CCFFD6 also pair well.