Pale Emerald is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #7AFF95, which equals rgb(122, 255, 149) in RGB and hsl(132, 100%, 74%) in HSL. In print terms it converts to roughly C52 M0 Y42 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AFF95 - RGB
122, 255, 149 - HSL
132°, 100%, 74% - CMYK
52, 0, 42, 0 - Family
Green - Tone
Medium-light, vivid
About Pale Emerald
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 16.57:1. Its complementary color is #FF7AE4.
Download Pale Emerald 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 Emerald color codes
| HEX | #7AFF95 |
|---|---|
| RGB | rgb(122, 255, 149) |
| HSL | hsl(132, 100%, 74%) |
| HSV | 132°, 52%, 100% |
| CMYK | 52%, 0%, 42%, 0% |
| Decimal | 8060821 |
Shades and tints of Pale Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9FFED - 100
#D3FFDC - 200
#BDFFCA - 300
#A6FFB8 - 400
#90FFA7 - 500
#7AFF95 - 600
#66D57C - 700
#51AA63 - 800
#3D804B - 900
#295532 - 950
#142B19
Color harmonies for Pale Emerald
- Complementary
#FF7AE4≈ Pale Raspberry - Analogous −30°
#A2FF7A≈ Pale Clover - Analogous +30°
#7AFFD7≈ Aquamarine - Triadic +120°
#957AFF≈ Pale Ultramarine - Triadic +240°
#FF957A≈ Light Salmon - Split 150°
#D77AFF≈ Pale Amethyst - Split 210°
#FF7AA2≈ Pale Carmine
Contrast and accessibility of Pale Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Emerald | Aa | 1.27:1 | Fails |
| Black text on Pale Emerald | Aa | 16.57:1 | AAA (excellent) |
CSS code for Pale Emerald
background-color: #7AFF95;color: #7AFF95;background-color: rgb(122, 255, 149);background-color: hsl(132, 100%, 74%);:root { --color-pale-emerald: #7AFF95; }class="bg-[#7AFF95]"Colors similar to Pale Emerald
- Pale Kelly
#7AFF88 - Pale Jade
#7AFFA2 - Pale Bright Kelly
#88F292 - Pale Bright Emerald
#88F29D - Pale Bright Green
#88F288 - Pale Malachite
#7AFFAF - Pale Green Tone
#7AFF7A - Pale Bright Jade
#88F2A7 - Pale Shamrock
#88FF7A - Pale Green
#98FB98 - Light Green
#90EE90 - Light Bright Malachite
#63EE9A
More green shades
- Dark Emerald
#00851B - Deep Emerald
#00AD23 - Medium Dark Emerald
#00D62B - Pure Emerald
#00FF33 - Medium Light Emerald
#29FF54 - Light Emerald
#52FF74 - Very Pale Emerald
#A3FFB6 - Palest Emerald
#CCFFD6 - Darkest Bright Emerald
#052E0D - Very Dark Bright Emerald
#095318 - Dark Bright Emerald
#0D7722
Frequently asked questions
What is the HEX code for Pale Emerald?
The HEX code for Pale Emerald is #7AFF95.
What is the RGB value of Pale Emerald?
Pale Emerald has an RGB value of 122, 255, 149 (rgb(122, 255, 149)). In HSL it is 132°, 100%, 74%.
What text color should I use on Pale Emerald?
Use black text on Pale Emerald. White text has a contrast ratio of 1.27:1 and black text has 16.57:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Emerald?
The complementary color of Pale Emerald is #FF7AE4. Analogous colors #A2FF7A and #7AFFD7 also pair well.