Named color

Jade

Jade is a jewel tone green color with HEX #00A86B. According to Colors Encyclopedia, it has RGB 0, 168, 107, HSL 158, 100%, 33%, cool temperature, and is useful for natural palettes, wellness branding, and sustainability design.

#00A86B green cool jewel-tone

HEX #00A86B

RGB rgb(0, 168, 107)

HSL hsl(158 100% 33%)

CMYK cmyk(100, 0, 36, 34)

Luminance 0.2907

Contrast Black 6.81:1White 3.08:1

CSS Utilities

--color-jade: #00A86B;
.bg-jade { background-color: #00A86B; }
.text-jade { color: #00A86B; }

Open CSS utility pageReusable variables, classes, examples, and implementation notes

Luminance0.2907

Black text6.81:1AA Pass

White text3.08:1AA Fail

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{
  "hex": "#00A86B",
  "rgb": [
    0,
    168,
    107
  ],
  "hsl": [
    158,
    100,
    33
  ],
  "cmyk": [
    100,
    0,
    36,
    34
  ],
  "luminance": 0.2907,
  "contrast": {
    "black": 6.81,
    "white": 3.08
  }
}

WCAG

{
  "AA": [
    "#000000",
    "#1A1A1A"
  ],
  "AAA": []
}

Harmonies

{
  "complementary": "#A8003E",
  "analogous": [
    "#00A816",
    "#0092A8"
  ],
  "triadic": [
    "#6B00A8",
    "#A86B00"
  ],
  "tetradic": [
    "#1600A8",
    "#A8003E",
    "#92A800"
  ],
  "splitComplementary": [
    "#A80092",
    "#A81600"
  ],
  "monochromatic": [
    "#05FFA3",
    "#00A86B",
    "#004D30"
  ]
}

Variants

{
  "light": "#05FFA3",
  "dark": "#004D30",
  "saturated": "#00A86B",
  "desaturated": "#139666",
  "pastel": "#39EFAC",
  "neon": "#00D184"
}

Pairings

{
  "best": [
    "#000000",
    "#A8003E",
    "#00A816",
    "#0092A8"
  ],
  "avoid": [
    "#139666",
    "#05FFA3"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#000000"
  ],
  "lowContrast": [
    "#05FFA3",
    "#139666"
  ]
}

Knowledge graph

{
  "nearestColors": [
    "shamrock",
    "persian-green",
    "peacock-teal",
    "dark-cyan",
    "traffic-green"
  ],
  "generatedPalettes": [
    "jade"
  ],
  "generatedComparisons": [
    "jade-vs-persian-green",
    "jade-vs-shamrock",
    "spring-green-vs-jade"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/jewel-tone"
  ],
  "relatedTools": [
    "/harmonies/jade",
    "/wcag/jade",
    "/css/colors/jade",
    "/hex/00a86b"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/jewel-tone"
    ],
    "narrower": [
      "/palettes/jade"
    ],
    "related": [
      "/colors/shamrock",
      "/colors/persian-green",
      "/colors/peacock-teal",
      "/colors/dark-cyan",
      "/colors/traffic-green",
      "/compare/jade-vs-persian-green",
      "/compare/jade-vs-shamrock",
      "/compare/spring-green-vs-jade",
      "/harmonies/jade",
      "/wcag/jade",
      "/css/colors/jade",
      "/hex/00a86b"
    ]
  }
}

Full JSON dataset

{
  "slug": "jade",
  "name": "Jade",
  "hex": "#00A86B",
  "uses": [
    "natural palettes",
    "wellness branding",
    "sustainability design"
  ],
  "psychology": {
    "associations": [
      "nature",
      "growth",
      "balance"
    ],
    "contexts": [
      "wellness",
      "outdoor brands",
      "gardening",
      "organic products"
    ],
    "avoidIn": [
      "urgent error states"
    ]
  },
  "aliases": [],
  "sourceType": "curated",
  "confidence": "medium",
  "reviewStatus": "manual",
  "sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
  "origin": {
    "type": "common",
    "notes": "Curated common color reference used in design and editorial color systems."
  },
  "family": "green",
  "temperature": "cool",
  "tone": [
    "jewel-tone"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "green",
    "cool",
    "jewel-tone",
    "natural-palettes",
    "wellness-branding",
    "sustainability-design",
    "nature",
    "growth",
    "balance"
  ],
  "popularity": 84,
  "rgb": [
    0,
    168,
    107
  ],
  "hsl": [
    158,
    100,
    33
  ],
  "cmyk": [
    100,
    0,
    36,
    34
  ],
  "luminance": 0.2907,
  "contrast": {
    "black": 6.81,
    "white": 3.08
  },
  "harmonies": {
    "complementary": "#A8003E",
    "analogous": [
      "#00A816",
      "#0092A8"
    ],
    "triadic": [
      "#6B00A8",
      "#A86B00"
    ],
    "tetradic": [
      "#1600A8",
      "#A8003E",
      "#92A800"
    ],
    "splitComplementary": [
      "#A80092",
      "#A81600"
    ],
    "monochromatic": [
      "#05FFA3",
      "#00A86B",
      "#004D30"
    ]
  },
  "variants": {
    "light": "#05FFA3",
    "dark": "#004D30",
    "saturated": "#00A86B",
    "desaturated": "#139666",
    "pastel": "#39EFAC",
    "neon": "#00D184"
  },
  "wcag": {
    "AA": [
      "#000000",
      "#1A1A1A"
    ],
    "AAA": []
  },
  "css": {
    "variable": "--color-jade: #00A86B;",
    "utility": ".bg-jade { background-color: #00A86B; }",
    "textUtility": ".text-jade { color: #00A86B; }"
  },
  "nearestColors": [
    "shamrock",
    "persian-green",
    "peacock-teal",
    "dark-cyan",
    "traffic-green"
  ],
  "generatedPalettes": [
    "jade"
  ],
  "generatedComparisons": [
    "jade-vs-persian-green",
    "jade-vs-shamrock",
    "spring-green-vs-jade"
  ],
  "relatedFamilies": [
    "/colors/by-family/green",
    "/colors/by-temperature/cool",
    "/colors/by-tone/jewel-tone"
  ],
  "relatedTools": [
    "/harmonies/jade",
    "/wcag/jade",
    "/css/colors/jade",
    "/hex/00a86b"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/green",
      "/colors/by-temperature/cool",
      "/colors/by-tone/jewel-tone"
    ],
    "narrower": [
      "/palettes/jade"
    ],
    "related": [
      "/colors/shamrock",
      "/colors/persian-green",
      "/colors/peacock-teal",
      "/colors/dark-cyan",
      "/colors/traffic-green",
      "/compare/jade-vs-persian-green",
      "/compare/jade-vs-shamrock",
      "/compare/spring-green-vs-jade",
      "/harmonies/jade",
      "/wcag/jade",
      "/css/colors/jade",
      "/hex/00a86b"
    ]
  },
  "pairings": {
    "best": [
      "#000000",
      "#A8003E",
      "#00A816",
      "#0092A8"
    ],
    "avoid": [
      "#139666",
      "#05FFA3"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#000000"
    ],
    "lowContrast": [
      "#05FFA3",
      "#139666"
    ]
  }
}

Color meaning and use

About Jade Color

Jade sits in the green family with cool temperature and jewel tone visual character. Jade is a commonly used color name in design references, palettes, and editorial color systems.

Its common associations include nature, growth, and balance, which makes it relevant for wellness and outdoor brands. In design work, Jade is most useful for natural palettes, wellness branding, and sustainability design, especially when paired with black text for stronger contrast.

WCAG Accessibility

Contrast checks for Jade against black and white text.

Black text6.81:1AA Pass

White text3.08:1AA Fail

AA text options#000000, #1A1A1A

AAA text optionsNone in seed set

Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Similar Colors

Shamrock#009E60

Persian Green#00A693

Peacock Teal#00827F

Dark Cyan#008B8B

Traffic Green#008450

Color Harmonies

#A8003E#A8003E

#00A816#00A816

#0092A8#0092A8

#6B00A8#6B00A8

#A86B00#A86B00

Open full Jade harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

#05FFA3#05FFA3

#004D30#004D30

Jade#00A86B

#139666#139666

#39EFAC#39EFAC

#00D184#00D184

Pairings

Black#000000

#A8003E#A8003E

#00A816#00A816

#0092A8#0092A8

Matte Black#1A1A1A

White Smoke#F5F5F5

Jade

CSS Utilities

Machine-Readable Color Data (JSON)

About Jade Color

Related Color Guides

WCAG Accessibility

Similar Colors

Color Harmonies

Variants

Pairings