Light Fern is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #97FF52, which equals rgb(151, 255, 82) in RGB and hsl(96, 100%, 66%) in HSL. In print terms it converts to roughly C41 M0 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#97FF52 - RGB
151, 255, 82 - HSL
96°, 100%, 66% - CMYK
41, 0, 68, 0 - Family
Green - Tone
Medium-light, vivid
About Light 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. 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 16.74:1. Its complementary color is #BA52FF.
Download Light 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…
Light Fern color codes
| HEX | #97FF52 |
|---|---|
| RGB | rgb(151, 255, 82) |
| HSL | hsl(96, 100%, 66%) |
| HSV | 96°, 68%, 100% |
| CMYK | 41%, 0%, 68%, 0% |
| Decimal | 9961298 |
Shades and tints of Light Fern
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEFFE2 - 100
#DCFFC5 - 200
#CBFFA9 - 300
#BAFF8C - 400
#A8FF6F - 500
#97FF52 - 600
#7ED544 - 700
#65AA37 - 800
#4C8029 - 900
#32551B - 950
#192B0E
Color harmonies for Light Fern
- Complementary
#BA52FF≈ Light Grape - Analogous −30°
#EEFF52≈ Light Yellow Tone - Analogous +30°
#52FF63≈ Light Green Tone - Triadic +120°
#5297FF≈ Light Cerulean - Triadic +240°
#FF5297≈ Light Blush - Split 150°
#6352FF≈ Light Blue Tone - Split 210°
#FF52EE≈ Light Magenta
Contrast and accessibility of Light Fern
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Fern | Aa | 1.25:1 | Fails |
| Black text on Light Fern | Aa | 16.74:1 | AAA (excellent) |
CSS code for Light Fern
background-color: #97FF52;color: #97FF52;background-color: rgb(151, 255, 82);background-color: hsl(96, 100%, 66%);:root { --color-light-fern: #97FF52; }class="bg-[#97FF52]"Colors similar to Light Fern
- Light Leaf
#86FF52 - Light Apple
#A8FF52 - Light Bright Fern
#9AEE63 - Light Bright Leaf
#8DEE63 - Light Bright Apple
#A8EE63 - Medium Light Bright Apple
#94EA3E - Light Clover
#74FF52 - Medium Light Bright Spring Bud
#A5EA3E - Light Spring Bud
#BAFF52 - Light Bright Clover
#7FEE63 - Medium Light Bright Fern
#83EA3E - Pale Clover
#95FF7A
More green shades
- Very Dark Fern
#255C00 - Dark Fern
#358500 - Deep Fern
#45AD00 - Medium Dark Fern
#56D600 - Pure Fern
#66FF00 - Medium Light Fern
#7EFF29 - Pale Fern
#AFFF7A - Very Pale Fern
#C8FFA3 - Palest Fern
#E0FFCC - Darkest Bright Fern
#152E05 - Very Dark Bright Fern
#275309
Frequently asked questions
What is the HEX code for Light Fern?
The HEX code for Light Fern is #97FF52.
What is the RGB value of Light Fern?
Light Fern has an RGB value of 151, 255, 82 (rgb(151, 255, 82)). In HSL it is 96°, 100%, 66%.
What text color should I use on Light Fern?
Use black text on Light Fern. White text has a contrast ratio of 1.25:1 and black text has 16.74:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Fern?
The complementary color of Light Fern is #BA52FF. Analogous colors #EEFF52 and #52FF63 also pair well.