Light Bright Emerald is a medium-light, saturated shade in the green color family, with a cool feel. Its HEX code is #63EE7F, which equals rgb(99, 238, 127) in RGB and hsl(132, 80%, 66%) in HSL. In print terms it converts to roughly C58 M0 Y47 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#63EE7F - RGB
99, 238, 127 - HSL
132°, 80%, 66% - CMYK
58, 0, 47, 7 - Family
Green - Tone
Medium-light, saturated
About Light Bright 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 14.07:1. Its complementary color is #EE63D2.
Download Light Bright 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 Bright Emerald color codes
| HEX | #63EE7F |
|---|---|
| RGB | rgb(99, 238, 127) |
| HSL | hsl(132, 80%, 66%) |
| HSV | 132°, 58%, 93% |
| CMYK | 58%, 0%, 47%, 7% |
| Decimal | 6549119 |
Shades and tints of Light Bright Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5FCEA - 100
#CBF9D4 - 200
#B1F7BF - 300
#97F4AA - 400
#7DF194 - 500
#63EE7F - 600
#53C66A - 700
#429F55 - 800
#327740 - 900
#214F2A - 950
#112815
Color harmonies for Light Bright Emerald
- Complementary
#EE63D2≈ Light Bright Fuchsia - Analogous −30°
#8DEE63≈ Light Bright Fern - Analogous +30°
#63EEC4≈ Light Bright Seafoam - Triadic +120°
#7F63EE≈ Medium Slate Blue - Triadic +240°
#EE7F63≈ Light Bright Scarlet - Split 150°
#C463EE≈ Light Bright Amethyst - Split 210°
#EE638D≈ Light Bright Carmine
Contrast and accessibility of Light Bright Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Bright Emerald | Aa | 1.49:1 | Fails |
| Black text on Light Bright Emerald | Aa | 14.07:1 | AAA (excellent) |
CSS code for Light Bright Emerald
background-color: #63EE7F;color: #63EE7F;background-color: rgb(99, 238, 127);background-color: hsl(132, 80%, 66%);:root { --color-light-bright-emerald: #63EE7F; }class="bg-[#63EE7F]"Colors similar to Light Bright Emerald
- Light Bright Kelly
#63EE71 - Light Bright Jade
#63EE8D - Light Bright Malachite
#63EE9A - Light Jade
#52FF86 - Light Soft Kelly
#74DC7F - Light Bright Green
#63EE63 - Light Emerald
#52FF74 - Light Soft Emerald
#74DC89 - Light Soft Green
#74DC74 - Light Bright Shamrock
#71EE63 - Pale Green Tone
#7AFF7A - Pale Kelly
#7AFF88
More green shades
- Very Dark Bright Emerald
#095318 - Dark Bright Emerald
#0D7722 - Deep Bright Emerald
#119C2D - Medium Dark Bright Emerald
#15C138 - Bright Emerald
#19E642 - Medium Light Bright Emerald
#3EEA60 - Pale Bright Emerald
#88F29D - Very Pale Bright Emerald
#ACF6BB - Palest Bright Emerald
#D1FAD9 - Darkest Soft Emerald
#0A2910 - Very Dark Soft Emerald
#12491D
Frequently asked questions
What is the HEX code for Light Bright Emerald?
The HEX code for Light Bright Emerald is #63EE7F.
What is the RGB value of Light Bright Emerald?
Light Bright Emerald has an RGB value of 99, 238, 127 (rgb(99, 238, 127)). In HSL it is 132°, 80%, 66%.
What text color should I use on Light Bright Emerald?
Use black text on Light Bright Emerald. White text has a contrast ratio of 1.49:1 and black text has 14.07:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Bright Emerald?
The complementary color of Light Bright Emerald is #EE63D2. Analogous colors #8DEE63 and #63EEC4 also pair well.