{"slug":"charcoal","name":"Charcoal","hex":"#36454F","family":"gray","temperature":"cool","tone":["dark","neutral"],"uses":["text","UI surfaces","minimal branding"],"psychology":{"associations":["seriousness","clarity","restraint"],"contexts":["interfaces","editorial layouts","premium packaging"],"avoidIn":["high-playfulness children brands"]},"aliases":["charcoal gray"],"sourceType":"curated","confidence":"high","sourceUrl":"https://www.colorsencyclopedia.com/assets/colors.json","reviewStatus":"manual","editorialNotes":"Curated internal color record with computed technical properties.","origin":{"type":"common","notes":"Curated common color reference."},"tags":["gray","cool","dark","neutral","text","ui-surfaces","minimal-branding","seriousness","clarity","restraint"],"popularity":88,"rgb":[54,69,79],"hsl":[204,19,26],"cmyk":[32,13,0,69],"luminance":0.0561,"contrast":{"black":2.12,"white":9.9},"harmonies":{"complementary":"#4F4036","analogous":["#364F4C","#36384F"],"triadic":["#4F3645","#454F36"],"tetradic":["#4C364F","#4F4036","#384F36"],"splitComplementary":["#4F3638","#4F4C36"],"monochromatic":["#5B7486","#36454F","#111518"]},"variants":{"light":"#5B7486","dark":"#111518","saturated":"#27485D","desaturated":"#424242","pastel":"#7D8387","neon":"#0068AD"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-charcoal: #36454F;","utility":".bg-charcoal { background-color: #36454F; }","textUtility":".text-charcoal { color: #36454F; }"},"nearestColors":["dark-slate-gray","dark-slate-grey","spruce","slate-navy","pine-needle"],"generatedPalettes":["charcoal"],"generatedComparisons":["charcoal-vs-dark-slate-gray","charcoal-vs-dark-slate-grey","slate-navy-vs-charcoal"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/cool","/colors/by-tone/dark","/colors/by-tone/neutral"],"relatedTools":["/harmonies/charcoal","/wcag/charcoal","/css/colors/charcoal","/hex/36454f"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/cool","/colors/by-tone/dark","/colors/by-tone/neutral"],"narrower":["/palettes/charcoal"],"related":["/colors/dark-slate-gray","/colors/dark-slate-grey","/colors/spruce","/colors/slate-navy","/colors/pine-needle","/compare/charcoal-vs-dark-slate-gray","/compare/charcoal-vs-dark-slate-grey","/compare/slate-navy-vs-charcoal","/harmonies/charcoal","/wcag/charcoal","/css/colors/charcoal","/hex/36454f"]},"url":"https://www.colorsencyclopedia.com/colors/charcoal/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/charcoal.json"}