Pale Green is a light, vivid shade in the green color family, with a cool feel. Its HEX code is #98FB98, which equals rgb(152, 251, 152) in RGB and hsl(120, 93%, 79%) in HSL. In print terms it converts to roughly C39 M0 Y39 K2, although exact CMYK results depend on the paper and color profile.
- HEX
#98FB98 - RGB
152, 251, 152 - HSL
120°, 93%, 79% - CMYK
39, 0, 39, 2 - Family
Green - Tone
Light, vivid
About Pale Green
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 16.59:1. Its complementary color is #FB98FB.
Download Pale Green 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 Green color codes
| HEX | #98FB98 |
|---|---|
| RGB | rgb(152, 251, 152) |
| HSL | hsl(120, 93%, 79%) |
| HSV | 120°, 39%, 98% |
| CMYK | 39%, 0%, 39%, 2% |
| Decimal | 10025880 |
Shades and tints of Pale Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEFEEE - 100
#DDFEDD - 200
#CCFDCC - 300
#BAFCBA - 400
#A9FCA9 - 500
#98FB98 - 600
#7FD17F - 700
#65A765 - 800
#4C7E4C - 900
#335433 - 950
#192A19
Color harmonies for Pale Green
- Complementary
#FB98FB≈ Very Pale Magenta - Analogous −30°
#C9FB98≈ Very Pale Fern - Analogous +30°
#98FBC9≈ Very Pale Malachite - Triadic +120°
#9898FB≈ Very Pale Blue - Triadic +240°
#FB9898≈ Very Pale Red - Split 150°
#C998FB≈ Very Pale Periwinkle - Split 210°
#FB98C9≈ Very Pale Carmine
Contrast and accessibility of Pale Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Green | Aa | 1.27:1 | Fails |
| Black text on Pale Green | Aa | 16.59:1 | AAA (excellent) |
CSS code for Pale Green
background-color: #98FB98;color: #98FB98;background-color: rgb(152, 251, 152);background-color: hsl(120, 93%, 79%);:root { --color-pale-green: #98FB98; }class="bg-[#98FB98]"Colors similar to Pale Green
- Very Pale Green
#A3FFA3 - Light Green
#90EE90 - Pale Bright Clover
#9DF288 - Pale Bright Shamrock
#92F288 - Pale Bright Emerald
#88F29D - Pale Bright Kelly
#88F292 - Very Pale Kelly
#A3FFAC - Very Pale Shamrock
#ACFFA3 - Pale Bright Leaf
#A7F288 - Pale Bright Jade
#88F2A7 - Pale Bright Green
#88F288 - Very Pale Bright Green
#ACF6AC
More green shades
- Chartreuse
#7FFF00 - Lime Green
#32CD32 - Forest Green
#228B22 - Sea Green
#2E8B57 - Mint Cream
#F5FFFA - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Green Yellow
#ADFF2F
Frequently asked questions
What is the HEX code for Pale Green?
The HEX code for Pale Green is #98FB98.
What is the RGB value of Pale Green?
Pale Green has an RGB value of 152, 251, 152 (rgb(152, 251, 152)). In HSL it is 120°, 93%, 79%.
What text color should I use on Pale Green?
Use black text on Pale Green. White text has a contrast ratio of 1.27:1 and black text has 16.59:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Green?
The complementary color of Pale Green is #FB98FB. Analogous colors #C9FB98 and #98FBC9 also pair well.