Jade is a medium-dark, vivid shade in the green color family, with a cool feel. Its HEX code is #00A86B, which equals rgb(0, 168, 107) in RGB and hsl(158, 100%, 33%) in HSL. In print terms it converts to roughly C100 M0 Y36 K34, although exact CMYK results depend on the paper and color profile.
- HEX
#00A86B - RGB
0, 168, 107 - HSL
158°, 100%, 33% - CMYK
100, 0, 36, 34 - Family
Green - Tone
Medium-dark, vivid
About Jade
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 6.81:1. Its complementary color is #A8003E.
Download Jade 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…
Jade color codes
| HEX | #00A86B |
|---|---|
| RGB | rgb(0, 168, 107) |
| HSL | hsl(158, 100%, 33%) |
| HSV | 158°, 100%, 66% |
| CMYK | 100%, 0%, 36%, 34% |
| Decimal | 43115 |
Shades and tints of Jade
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5F1E6 - 100
#AAE2CE - 200
#80D4B5 - 300
#55C59C - 400
#2BB784 - 500
#00A86B - 600
#008C59 - 700
#007047 - 800
#005436 - 900
#003824 - 950
#001C12
Color harmonies for Jade
- Complementary
#A8003E≈ Deep Carmine - Analogous −30°
#00A816≈ Deep Kelly - Analogous +30°
#0092A8≈ Deep Peacock - Triadic +120°
#6B00A8≈ Deep Amethyst - Triadic +240°
#A86B00≈ Deep Tangerine - Split 150°
#A80092≈ Deep Cerise - Split 210°
#A81600≈ Deep Scarlet
Contrast and accessibility of Jade
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Jade | Aa | 3.08:1 | AA Large only |
| Black text on Jade | Aa | 6.81:1 | AA (good) |
CSS code for Jade
background-color: #00A86B;color: #00A86B;background-color: rgb(0, 168, 107);background-color: hsl(158, 100%, 33%);:root { --color-jade: #00A86B; }class="bg-[#00A86B]"Colors similar to Jade
- Deep Seafoam
#00AD68 - Deep Aquamarine
#00AD79 - Deep Bright Seafoam
#119C65 - Deep Mint
#00AD57 - Deep Bright Aquamarine
#119C72 - Deep Bright Mint
#119C57 - Deep Bright Turquoise
#119C80 - Deep Turquoise
#00AD8B - Medium Dark Bright Mint
#15C16B - Medium Dark Soft Mint
#2BAB6B - Medium Dark Bright Malachite
#15C15A - Medium Dark Bright Seafoam
#15C17C
More green shades
- Olive Drab
#6B8E23 - Spring Green
#00FF7F - Yellow Green
#9ACD32 - Emerald
#50C878 - Mint
#3EB489 - Seafoam Green
#9FE2BF - Malachite
#0BDA51 - Kelly Green
#4CBB17 - Hunter Green
#355E3B - Moss Green
#8A9A5B - Pistachio
#93C572
Frequently asked questions
What is the HEX code for Jade?
The HEX code for Jade is #00A86B.
What is the RGB value of Jade?
Jade has an RGB value of 0, 168, 107 (rgb(0, 168, 107)). In HSL it is 158°, 100%, 33%.
What text color should I use on Jade?
Use black text on Jade. White text has a contrast ratio of 3.08:1 and black text has 6.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Jade?
The complementary color of Jade is #A8003E. Analogous colors #00A816 and #0092A8 also pair well.