Jade

HEX: #00A86B | Modern Palette

On White
3.08:1
FAIL
On Black
6.81:1
PASS

Color Specifications

HEX
#00A86B
RGB
0, 168, 107
HSL
158°, 100% ,32%
CMYK
100, 0, 36, 34

About Jade

Jade (#00A86B) is a color with RGB(0, 168, 107) and HSL(158.2°, 100%, 32.9%). It is commonly associated with Bold, Luxury moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #A8003D, which creates strong contrast. Its triadic palette includes #6B00A8 and #A86B00. The name comes from piedra de ijada (Spanish).

  • HEX: #00A86B
  • RGB: 0, 168, 107
  • HSL: 158.2°, 100%, 32.9%
  • Mood: Bold, Luxury
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #A8003D
  • Triadic colors: #6B00A8, #A86B00
  • The name comes from piedra de ijada (Spanish).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #00A86B from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Luxury
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #90906E
Protanopia #9F9F6A
Tritanopia #33A2A2
Achromatopsia #939393

Frequently Asked Questions

Jade (#00A86B) is a color with RGB(0, 168, 107) and HSL(158.2°, 100%, 32.9%).

#00A86B pairs strongly with #A8003D as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00A86B is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#00A86B is commonly associated with Bold, Luxury.

The name Jade is linked to piedra de ijada from Spanish, meaning loin stone.

Name, History & Etymology

Origin Word piedra de ijada
Meaning loin stone
Language Spanish
First Recorded Use 16th Century

History

Jade has been prized for thousands of years in various cultures, particularly in China, Mesoamerica, and New Zealand. In ancient China, jade was more valuable than gold and was associated with immortality, purity, and royalty. It was used for tools, weapons, ornaments, and ritual objects. In Mesoamerican cultures like the Maya and Aztec, jade was also highly valued, often associated with water, fertility, and the heart, and used in burials and religious ceremonies. The Maori people of New Zealand carve 'pounamu' (a type of nephrite jade) into tools, weapons (mere), and ornaments (hei-tiki), which hold deep spiritual and cultural significance. The distinction between jadeite and nephrite, the two distinct mineral forms commonly referred to as jade, was only scientifically established in 1863.

First Recorded Use

The term 'jade' in English is a shortened form of 'piedra de ijada', which Spanish explorers used to describe the stone they observed being worn by indigenous peoples in Mesoamerica. They believed it had medicinal properties for ailments of the loins or kidneys.

Cultural Associations

Symbolizes beauty, grace, purity, and longevity. Often used in intricate carvings, jewelry, and as a protective amulet. Associated with imperial power and good fortune. Symbolized water, maize, fertility, and the heart. Used in death masks, offerings, and as a status symbol for rulers and nobility. Known as 'pounamu', it is highly treasured and considered a 'taonga' (treasure). Carved into tools, weapons, and adornments, each piece often carrying a specific meaning and history, passed down through generations.

Similar Named Colors

GO Green #00AB66 ΔE 1.77
Green (Crayola) #1CAC78 ΔE 2.58
Green (Munsell) #00A877 ΔE 2.82
Green (NCS) #009F6B ΔE 3.18

Code Snippets

/* Background */
.element {
    background-color: #00A86B;
}

/* Text */
.element {
    color: #00A86B;
}

/* Border */
.element {
    border: 1px solid #00A86B;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #00A86B,
        #A8003D
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00A86B,
        #A8003D
    );
}

// SCSS variable
$jade: #00A86B;

// With RGB channels (useful for rgba() usage)
$jade-r: 0;
$jade-g: 168;
$jade-b: 107;

// Usage
.element {
    background-color: $jade;
    color: rgba($jade-r, $jade-g, $jade-b, 0.8);
}