Deep Emerald is a medium-dark, vivid shade in the green color family, with a cool feel. Its HEX code is #00AD23, which equals rgb(0, 173, 35) in RGB and hsl(132, 100%, 34%) in HSL. In print terms it converts to roughly C100 M0 Y80 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#00AD23 - RGB
0, 173, 35 - HSL
132°, 100%, 34% - CMYK
100, 0, 80, 32 - Family
Green - Tone
Medium-dark, vivid
About Deep 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. 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 7.00:1. Its complementary color is #AD008B.
Download Deep 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…
Deep Emerald color codes
| HEX | #00AD23 |
|---|---|
| RGB | rgb(0, 173, 35) |
| HSL | hsl(132, 100%, 34%) |
| HSV | 132°, 100%, 68% |
| CMYK | 100%, 0%, 80%, 32% |
| Decimal | 44323 |
Shades and tints of Deep Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5F1DA - 100
#AAE4B6 - 200
#80D691 - 300
#55C86C - 400
#2BBB48 - 500
#00AD23 - 600
#00901D - 700
#007317 - 800
#005712 - 900
#003A0C - 950
#001D06
Color harmonies for Deep Emerald
- Complementary
#AD008B≈ Deep Fuchsia - Analogous −30°
#34AD00≈ Deep Clover - Analogous +30°
#00AD79≈ Jade - Triadic +120°
#2300AD≈ Deep Iris - Triadic +240°
#AD2300≈ Deep Cinnabar - Split 150°
#7900AD≈ Deep Amethyst - Split 210°
#AD0034≈ Deep Carmine
Contrast and accessibility of Deep Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Emerald | Aa | 3.00:1 | Fails |
| Black text on Deep Emerald | Aa | 7.00:1 | AAA (excellent) |
CSS code for Deep Emerald
background-color: #00AD23;color: #00AD23;background-color: rgb(0, 173, 35);background-color: hsl(132, 100%, 34%);:root { --color-deep-emerald: #00AD23; }class="bg-[#00AD23]"Colors similar to Deep Emerald
- Deep Jade
#00AD34 - Deep Kelly
#00AD11 - Deep Bright Kelly
#119C1F - Deep Bright Emerald
#119C2D - Medium Dark Bright Kelly
#15C127 - Deep Bright Green
#119C11 - Medium Dark Bright Green
#15C115 - Deep Bright Jade
#119C3B - Deep Malachite
#00AD45 - Deep Green
#00AD00 - Medium Dark Bright Emerald
#15C138 - Medium Dark Soft Green
#2BAB2B
More green shades
- Pale Dusty Kelly
#AFCAB2 - Very Pale Dusty Kelly
#C8DACA - Palest Dusty Kelly
#E0EBE1 - Darkest Emerald
#00330A - Very Dark Emerald
#005C12 - Dark Emerald
#00851B - Medium Dark Emerald
#00D62B - Pure Emerald
#00FF33 - Medium Light Emerald
#29FF54 - Light Emerald
#52FF74 - Pale Emerald
#7AFF95
Frequently asked questions
What is the HEX code for Deep Emerald?
The HEX code for Deep Emerald is #00AD23.
What is the RGB value of Deep Emerald?
Deep Emerald has an RGB value of 0, 173, 35 (rgb(0, 173, 35)). In HSL it is 132°, 100%, 34%.
What text color should I use on Deep Emerald?
Use black text on Deep Emerald. White text has a contrast ratio of 3.00:1 and black text has 7.00:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Emerald?
The complementary color of Deep Emerald is #AD008B. Analogous colors #34AD00 and #00AD79 also pair well.