{"slug":"pink","name":"Pink","cssName":"pink","hex":"#FFC0CB","family":"red","temperature":"warm","tone":["light","pastel"],"uses":["web design","CSS color systems","UI prototyping"],"psychology":{"associations":["context dependent"],"contexts":["web interfaces","design systems","technical color references"],"avoidIn":["claims that require brand or cultural specificity"]},"aliases":["pink"],"sourceType":"standard","confidence":"high","sourceUrl":"https://www.w3.org/TR/css-color-4/#named-colors","origin":{"type":"css","notes":"Standard CSS named color."},"reviewStatus":"auto","editorialNotes":"Generated from CSS named color data and computed color-system properties.","tags":["red","warm","light","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":82,"rgb":[255,192,203],"hsl":[350,100,88],"cmyk":[0,25,20,0],"luminance":0.6327,"contrast":{"black":13.65,"white":1.54},"harmonies":{"complementary":"#C2FFF5","analogous":["#FFC2EB","#FFD6C2"],"triadic":["#CCFFC2","#C2CCFF"],"tetradic":["#EBFFC2","#C2FFF5","#D6C2FF"],"splitComplementary":["#C2FFD6","#C2EBFF"],"monochromatic":["#FFFFFF","#FFC0CB","#FF6680"]},"variants":{"light":"#FFFFFF","dark":"#FF6680","saturated":"#FFC2CC","desaturated":"#F8C9D0","pastel":"#FFFFFF","neon":"#FFEBEE"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-pink: #FFC0CB;","utility":".bg-pink { background-color: #FFC0CB; }","textUtility":".text-pink { color: #FFC0CB; }"},"nearestColors":["cherry-blossom","sakura-pink","morganite","orchid-pink","light-pink"],"generatedPalettes":["pink"],"generatedComparisons":["pink-vs-cherry-blossom","pink-vs-sakura-pink"],"relatedFamilies":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"relatedTools":["/harmonies/pink","/wcag/pink","/css/colors/pink","/hex/ffc0cb"],"semanticRelations":{"broader":["/colors/by-family/red","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"narrower":["/palettes/pink"],"related":["/colors/cherry-blossom","/colors/sakura-pink","/colors/morganite","/colors/orchid-pink","/colors/light-pink","/compare/pink-vs-cherry-blossom","/compare/pink-vs-sakura-pink","/harmonies/pink","/wcag/pink","/css/colors/pink","/hex/ffc0cb"]},"url":"https://www.colorsencyclopedia.com/colors/pink/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/pink.json"}