Palest Fern is a very light, vivid shade in the green color family, with a cool feel. Its HEX code is #E0FFCC, which equals rgb(224, 255, 204) in RGB and hsl(96, 100%, 90%) in HSL. In print terms it converts to roughly C12 M0 Y20 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#E0FFCC - RGB
224, 255, 204 - HSL
96°, 100%, 90% - CMYK
12, 0, 20, 0 - Family
Green - Tone
Very light, vivid
About Palest Fern
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.35:1. Its complementary color is #EBCCFF.
Download Palest Fern 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 Fern color codes
| HEX | #E0FFCC |
|---|---|
| RGB | rgb(224, 255, 204) |
| HSL | hsl(96, 100%, 90%) |
| HSV | 96°, 20%, 100% |
| CMYK | 12%, 0%, 20%, 0% |
| Decimal | 14745548 |
Shades and tints of Palest Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FAFFF7 - 100
#F5FFEE - 200
#F0FFE6 - 300
#EAFFDD - 400
#E5FFD5 - 500
#E0FFCC - 600
#BBD5AA - 700
#95AA88 - 800
#708066 - 900
#4B5544 - 950
#252B22
Color harmonies for Palest Fern
- Complementary
#EBCCFF≈ Palest Grape - Analogous −30°
#FAFFCC≈ Palest Lime - Analogous +30°
#CCFFD1≈ Palest Green - Triadic +120°
#CCE0FF≈ Palest Cerulean - Triadic +240°
#FFCCE0≈ Palest Ruby - Split 150°
#D1CCFF≈ Periwinkle - Split 210°
#FFCCFA≈ Palest Magenta
Contrast and accessibility of Palest Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Fern | Aa | 1.09:1 | Fails |
| Black text on Palest Fern | Aa | 19.35:1 | AAA (excellent) |
CSS code for Palest Fern
background-color: #E0FFCC;color: #E0FFCC;background-color: rgb(224, 255, 204);background-color: hsl(96, 100%, 90%);:root { --color-palest-fern: #E0FFCC; }class="bg-[#E0FFCC]"Colors similar to Palest Fern
- Palest Leaf
#DBFFCC - Palest Apple
#E6FFCC - Palest Bright Fern
#E1FAD1 - Palest Bright Leaf
#DDFAD1 - Palest Bright Apple
#E6FAD1 - Palest Clover
#D6FFCC - Palest Bright Clover
#D9FAD1 - Palest Spring Bud
#EBFFCC - Palest Bright Spring Bud
#EAFAD1 - Palest Bright Shamrock
#D5FAD1 - Palest Soft Leaf
#DFF5D6 - Palest Soft Fern
#E2F5D6
More green shades
- Medium Dark Fern
#56D600 - Pure Fern
#66FF00 - Medium Light Fern
#7EFF29 - Light Fern
#97FF52 - Pale Fern
#AFFF7A - Very Pale Fern
#C8FFA3 - Darkest Bright Fern
#152E05 - Very Dark Bright Fern
#275309 - Dark Bright Fern
#38770D - Deep Bright Fern
#499C11 - Medium Dark Bright Fern
#5AC115
Frequently asked questions
What is the HEX code for Palest Fern?
The HEX code for Palest Fern is #E0FFCC.
What is the RGB value of Palest Fern?
Palest Fern has an RGB value of 224, 255, 204 (rgb(224, 255, 204)). In HSL it is 96°, 100%, 90%.
What text color should I use on Palest Fern?
Use black text on Palest Fern. White text has a contrast ratio of 1.09:1 and black text has 19.35:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Fern?
The complementary color of Palest Fern is #EBCCFF. Analogous colors #FAFFCC and #CCFFD1 also pair well.