{"slug":"teal","name":"Teal","hex":"#008080","family":"cyan","temperature":"cool","tone":["balanced","vibrant"],"uses":["healthcare","SaaS","accent colors"],"psychology":{"associations":["clarity","calm","freshness"],"contexts":["medical interfaces","education","technology"],"avoidIn":["heritage luxury palettes"]},"aliases":[],"sourceType":"standard","confidence":"high","sourceUrl":"https://www.w3.org/TR/css-color-4/#named-colors","reviewStatus":"auto","editorialNotes":"Generated from CSS named color data and computed color-system properties.","origin":{"type":"css","notes":"Standard CSS named color."},"tags":["cyan","cool","balanced","vibrant","healthcare","saas","accent-colors","clarity","calm","freshness"],"popularity":65,"rgb":[0,128,128],"hsl":[180,100,25],"cmyk":[100,0,0,50],"luminance":0.17,"contrast":{"black":4.4,"white":4.77},"harmonies":{"complementary":"#800000","analogous":["#008040","#004080"],"triadic":["#80007F","#7F8000"],"tetradic":["#400080","#800000","#408000"],"splitComplementary":["#800040","#804000"],"monochromatic":["#00DBDB","#008080","#002424"]},"variants":{"light":"#00DBDB","dark":"#002424","saturated":"#007F80","desaturated":"#0E7171","pastel":"#13ECEC","neon":"#00A8A8"},"wcag":{"AA":["#FFFFFF"],"AAA":[]},"css":{"variable":"--color-teal: #008080;","utility":".bg-teal { background-color: #008080; }","textUtility":".text-teal { color: #008080; }"},"nearestColors":["peacock-teal","dark-cyan","pine-green","sea-blue","cerulean"],"generatedPalettes":["teal"],"generatedComparisons":["dark-cyan-vs-teal","peacock-teal-vs-teal","pine-green-vs-teal","teal-vs-turquoise"],"relatedFamilies":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/balanced","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/teal","/wcag/teal","/css/colors/teal","/hex/008080"],"semanticRelations":{"broader":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/balanced","/colors/by-tone/vibrant"],"narrower":["/palettes/teal"],"related":["/colors/peacock-teal","/colors/dark-cyan","/colors/pine-green","/colors/sea-blue","/colors/cerulean","/compare/dark-cyan-vs-teal","/compare/peacock-teal-vs-teal","/compare/pine-green-vs-teal","/compare/teal-vs-turquoise","/harmonies/teal","/wcag/teal","/css/colors/teal","/hex/008080"]},"url":"https://www.colorsencyclopedia.com/colors/teal/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/teal.json"}