Light Emerald is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #52FF74, which equals rgb(82, 255, 116) in RGB and hsl(132, 100%, 66%) in HSL. In print terms it converts to roughly C68 M0 Y55 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#52FF74 - RGB
82, 255, 116 - HSL
132°, 100%, 66% - CMYK
68, 0, 55, 0 - Family
Green - Tone
Medium-light, vivid
About Light 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. 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 15.91:1. Its complementary color is #FF52DC.
Download Light 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…
Light Emerald color codes
| HEX | #52FF74 |
|---|---|
| RGB | rgb(82, 255, 116) |
| HSL | hsl(132, 100%, 66%) |
| HSV | 132°, 68%, 100% |
| CMYK | 68%, 0%, 55%, 0% |
| Decimal | 5439348 |
Shades and tints of Light Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2FFE8 - 100
#C5FFD1 - 200
#A9FFBA - 300
#8CFFA2 - 400
#6FFF8B - 500
#52FF74 - 600
#44D561 - 700
#37AA4D - 800
#29803A - 900
#1B5527 - 950
#0E2B13
Color harmonies for Light Emerald
- Complementary
#FF52DC≈ Light Raspberry - Analogous −30°
#86FF52≈ Light Fern - Analogous +30°
#52FFCB≈ Light Seafoam - Triadic +120°
#7452FF≈ Light Ultramarine - Triadic +240°
#FF7452≈ Coral - Split 150°
#CB52FF≈ Light Amethyst - Split 210°
#FF5286≈ Light Carmine
Contrast and accessibility of Light Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Emerald | Aa | 1.32:1 | Fails |
| Black text on Light Emerald | Aa | 15.91:1 | AAA (excellent) |
CSS code for Light Emerald
background-color: #52FF74;color: #52FF74;background-color: rgb(82, 255, 116);background-color: hsl(132, 100%, 66%);:root { --color-light-emerald: #52FF74; }class="bg-[#52FF74]"Colors similar to Light Emerald
- Light Kelly
#52FF63 - Light Jade
#52FF86 - Light Bright Kelly
#63EE71 - Light Bright Emerald
#63EE7F - Light Bright Green
#63EE63 - Medium Light Bright Jade
#3EEA72 - Light Green Tone
#52FF52 - Light Malachite
#52FF97 - Medium Light Bright Malachite
#3EEA83 - Light Bright Jade
#63EE8D - Light Shamrock
#63FF52 - Medium Light Bright Emerald
#3EEA60
More green shades
- Very Dark Emerald
#005C12 - Dark Emerald
#00851B - Deep Emerald
#00AD23 - Medium Dark Emerald
#00D62B - Pure Emerald
#00FF33 - Medium Light Emerald
#29FF54 - Pale Emerald
#7AFF95 - Very Pale Emerald
#A3FFB6 - Palest Emerald
#CCFFD6 - Darkest Bright Emerald
#052E0D - Very Dark Bright Emerald
#095318
Frequently asked questions
What is the HEX code for Light Emerald?
The HEX code for Light Emerald is #52FF74.
What is the RGB value of Light Emerald?
Light Emerald has an RGB value of 82, 255, 116 (rgb(82, 255, 116)). In HSL it is 132°, 100%, 66%.
What text color should I use on Light Emerald?
Use black text on Light Emerald. White text has a contrast ratio of 1.32:1 and black text has 15.91:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Emerald?
The complementary color of Light Emerald is #FF52DC. Analogous colors #86FF52 and #52FFCB also pair well.