{"slug":"onyx","name":"Onyx","hex":"#353839","uses":["backgrounds","typography","product surfaces"],"psychology":{"associations":["restraint","clarity","balance"],"contexts":["interfaces","architecture","editorial design","packaging"],"avoidIn":["high-energy accent-only palettes"]},"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":"gray","temperature":"neutral","tone":["dark"],"editorialNotes":"Curated internal color record with computed technical properties.","tags":["gray","neutral","dark","backgrounds","typography","product-surfaces","restraint","clarity","balance"],"popularity":84,"rgb":[53,56,57],"hsl":[195,4,22],"cmyk":[7,2,0,78],"luminance":0.0388,"contrast":{"black":1.78,"white":11.82},"harmonies":{"complementary":"#3A3736","analogous":["#363A39","#36373A"],"triadic":["#3A3639","#393A36"],"tetradic":["#39363A","#3A3736","#373A36"],"splitComplementary":["#3A3637","#3A3936"],"monochromatic":["#62686A","#353839","#0A0A0B"]},"variants":{"light":"#62686A","dark":"#0A0A0B","saturated":"#2A3F47","desaturated":"#383838","pastel":"#787878","neon":"#007399"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-onyx: #353839;","utility":".bg-onyx { background-color: #353839; }","textUtility":".text-onyx { color: #353839; }"},"nearestColors":["graphite","jet","gunmetal","peat","charcoal-blue"],"generatedPalettes":["onyx"],"generatedComparisons":["aubergine-vs-onyx","graphite-vs-onyx","jet-vs-onyx"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/dark"],"relatedTools":["/harmonies/onyx","/wcag/onyx","/css/colors/onyx","/hex/353839"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/dark"],"narrower":["/palettes/onyx"],"related":["/colors/graphite","/colors/jet","/colors/gunmetal","/colors/peat","/colors/charcoal-blue","/compare/aubergine-vs-onyx","/compare/graphite-vs-onyx","/compare/jet-vs-onyx","/harmonies/onyx","/wcag/onyx","/css/colors/onyx","/hex/353839"]},"url":"https://www.colorsencyclopedia.com/colors/onyx/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/onyx.json"}