{"datasetVersion":"1.0.0","slug":"jade","name":"Jade","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":[]},"family":"green","temperature":"cool","tone":["jewel-tone"],"bestTextColor":"#111827","cssVariables":{"color":"--color-jade: #00A86B;","rgb":"--color-jade-rgb: 0 168 107;","contrast":"--color-jade-contrast: #111827;"},"utilityClasses":{"background":".bg-jade","text":".text-jade","border":".border-jade","surface":".surface-jade","shadow":".shadow-jade"},"cssSnippet":":root {\n  --color-jade: #00A86B;\n  --color-jade-rgb: 0 168 107;\n  --color-jade-contrast: #111827;\n}\n\n.bg-jade { background-color: var(--color-jade); }\n.text-jade { color: var(--color-jade); }\n.border-jade { border-color: var(--color-jade); }\n.surface-jade {\n  background-color: var(--color-jade);\n  color: var(--color-jade-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-jade), #111827 18%);\n}\n.shadow-jade { box-shadow: 0 18px 40px rgb(var(--color-jade-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/jade.json","https://www.colorsencyclopedia.com/api/colors/jade.json"],"url":"https://www.colorsencyclopedia.com/css/colors/jade/","colorUrl":"https://www.colorsencyclopedia.com/colors/jade/","hexUrl":"https://www.colorsencyclopedia.com/hex/00a86b/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/jade.json","generatedAt":"2026-07-23T19:04:03.384Z"}