Jade Green

#00BB77

What color is Jade Green?

Jade green is a medium, cool-toned green with a slight blue undertone, hex #00BB77, similar in depth to the surface of a polished jade stone. It is brighter and cleaner than forest green, with a clarity that makes it feel open rather than dark.

What is the meaning of the color Jade Green?

The name comes from the Spanish piedra de ijada, meaning stone of the flank, reflecting a belief that jade relieved kidney pain — a term that entered European languages through trade with the Americas and Asia from the 16th century onward. Jade stone itself held deep cultural importance in ancient China, where it was used in imperial burial suits and ritual objects as early as 3000 BCE. The color name was adopted in English to describe the characteristic green of nephrite and jadeite stones, both traded extensively along routes connecting China, Central Asia, and later Europe. Pantone listed Jade as a key color in its 2013 fashion color report, anchoring the shade in contemporary design.

RGB
0, 187, 119
HSL
158°, 100%, 37%
CMYK
100, 0, 36, 27
HSV
158°, 100%, 73%
Jade green color

What colors go with Jade Green?

Colors that pair well with Jade green include:
Cream: soft, warm contrast
Navy blue: deep, grounding balance
Gold: rich, complementary warmth
Coral: bright, lively contrast
Charcoal gray: cool, steady depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00BB77 color: #00BB77;
RGB 0, 187, 119 color: rgb(0, 187, 119);
RGB Percentage 0%, 73%, 47% color: rgb(0%, 73%, 47%);
CMYK 100%, 0%, 36%, 27% Not supported in CSS
HSL 158°, 100%, 37% color: hsl(158, 100%, 37%);
HSV 158°, 100%, 73% Not supported in CSS
CIE-LAB 30, -37, 23 color: lab(30% -37 23);
Decimal 47991 Not supported in CSS

Color Variations

Shades

#00BD78
#00AA6C
#009760
#008454
#007148
#005E3C
#004B30
#003924

Tints

#9FFFDC
#7EFFD0
#5EFFC4
#3EFFB8
#1EFFAD
#00FDA0
#00DD8C
#00BD78

Tones

#00BD78
#09B375
#13AA72
#1CA070
#26976D
#2F8E6B
#398468
#427B66

Hues

#00BD78
#0074BD
#1900BD
#A700BD
#BD0045
#BD4800
#A4BD00
#16BD00

Color Harmonies

Analogous

#00BD19
Click to copy
#00BB77
Click to copy
#00A4BD
Click to copy

Complementary

#00BB77
Click to copy
#BD0045
Click to copy

Split Complementary

#00BB77
Click to copy
#BD00A4
Click to copy
#BD1900
Click to copy

Triadic

#00BB77
Click to copy
#7800BD
Click to copy
#BD7800
Click to copy

Tetradic

#00BB77
Click to copy
#1900BD
Click to copy
#BD0045
Click to copy
#A4BD00
Click to copy

Square

#00BB77
Click to copy
#1900BD
Click to copy
#BD0045
Click to copy
#A4BD00
Click to copy

CSS & Dev Snippets

CSS
.jade-green {
  color: #00BB77;
}
SCSS
$jade-green: #00BB77;
RGB
rgb(0, 187, 119)

Accessibility & Contrast

White background

2.51:1
2.51
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.37:1
8.37
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags