Pale Fern is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #AFFF7A, which equals rgb(175, 255, 122) in RGB and hsl(96, 100%, 74%) in HSL. In print terms it converts to roughly C31 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#AFFF7A - RGB
175, 255, 122 - HSL
96°, 100%, 74% - CMYK
31, 0, 52, 0 - Family
Green - Tone
Medium-light, vivid
About Pale 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 17.41:1. Its complementary color is #CA7AFF.
Download Pale 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…
Pale Fern color codes
| HEX | #AFFF7A |
|---|---|
| RGB | rgb(175, 255, 122) |
| HSL | hsl(96, 100%, 74%) |
| HSV | 96°, 52%, 100% |
| CMYK | 31%, 0%, 52%, 0% |
| Decimal | 11534202 |
Shades and tints of Pale Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2FFE9 - 100
#E4FFD3 - 200
#D7FFBD - 300
#CAFFA6 - 400
#BCFF90 - 500
#AFFF7A - 600
#92D566 - 700
#75AA51 - 800
#58803D - 900
#3A5529 - 950
#1D2B14
Color harmonies for Pale Fern
- Complementary
#CA7AFF≈ Pale Violet - Analogous −30°
#F2FF7A≈ Pale Yellow - Analogous +30°
#7AFF88≈ Pale Emerald - Triadic +120°
#7AAFFF≈ Pale Sapphire - Triadic +240°
#FF7AAF≈ Pale Ruby - Split 150°
#887AFF≈ Pale Indigo - Split 210°
#FF7AF2≈ Pale Magenta
Contrast and accessibility of Pale Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Fern | Aa | 1.21:1 | Fails |
| Black text on Pale Fern | Aa | 17.41:1 | AAA (excellent) |
CSS code for Pale Fern
background-color: #AFFF7A;color: #AFFF7A;background-color: rgb(175, 255, 122);background-color: hsl(96, 100%, 74%);:root { --color-pale-fern: #AFFF7A; }class="bg-[#AFFF7A]"Colors similar to Pale Fern
- Pale Leaf
#A2FF7A - Pale Apple
#BDFF7A - Pale Bright Fern
#B2F288 - Pale Bright Leaf
#A7F288 - Pale Bright Apple
#BDF288 - Pale Clover
#95FF7A - Pale Bright Clover
#9DF288 - Pale Spring Bud
#CAFF7A - Light Bright Spring Bud
#B6EE63 - Light Bright Apple
#A8EE63 - Pale Bright Spring Bud
#C7F288 - Pale Bright Shamrock
#92F288
More green shades
- Dark Fern
#358500 - Deep Fern
#45AD00 - Medium Dark Fern
#56D600 - Pure Fern
#66FF00 - Medium Light Fern
#7EFF29 - Light Fern
#97FF52 - Very Pale Fern
#C8FFA3 - Palest Fern
#E0FFCC - Darkest Bright Fern
#152E05 - Very Dark Bright Fern
#275309 - Dark Bright Fern
#38770D
Frequently asked questions
What is the HEX code for Pale Fern?
The HEX code for Pale Fern is #AFFF7A.
What is the RGB value of Pale Fern?
Pale Fern has an RGB value of 175, 255, 122 (rgb(175, 255, 122)). In HSL it is 96°, 100%, 74%.
What text color should I use on Pale Fern?
Use black text on Pale Fern. White text has a contrast ratio of 1.21:1 and black text has 17.41:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Fern?
The complementary color of Pale Fern is #CA7AFF. Analogous colors #F2FF7A and #7AFF88 also pair well.