{"slug":"peach-puff","name":"Peach Puff","cssName":"peachpuff","hex":"#FFDAB9","family":"orange","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":["peachpuff"],"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":["orange","warm","light","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[255,218,185],"hsl":[28,100,86],"cmyk":[0,15,27,0],"luminance":0.7491,"contrast":{"black":15.98,"white":1.31},"harmonies":{"complementary":"#B8DEFF","analogous":["#FFB8BA","#FFFDB8"],"triadic":["#B8FFD9","#D9B8FF"],"tetradic":["#BAFFB8","#B8DEFF","#FDB8FF"],"splitComplementary":["#B8FFFD","#B8BAFF"],"monochromatic":["#FFFFFF","#FFDAB9","#FFA85C"]},"variants":{"light":"#FFFFFF","dark":"#FFA85C","saturated":"#FFD9B8","desaturated":"#F7D9BF","pastel":"#FFFFFF","neon":"#FFEFE0"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-peach-puff: #FFDAB9;","utility":".bg-peach-puff { background-color: #FFDAB9; }","textUtility":".text-peach-puff { color: #FFDAB9; }"},"nearestColors":["pastel-peach","moccasin","peach","wheat","navajo-white"],"generatedPalettes":["peach-puff"],"generatedComparisons":["pastel-peach-vs-peach-puff","peach-puff-vs-moccasin"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"relatedTools":["/harmonies/peach-puff","/wcag/peach-puff","/css/colors/peach-puff","/hex/ffdab9"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/light","/colors/by-tone/pastel"],"narrower":["/palettes/peach-puff"],"related":["/colors/pastel-peach","/colors/moccasin","/colors/peach","/colors/wheat","/colors/navajo-white","/compare/pastel-peach-vs-peach-puff","/compare/peach-puff-vs-moccasin","/harmonies/peach-puff","/wcag/peach-puff","/css/colors/peach-puff","/hex/ffdab9"]},"url":"https://www.colorsencyclopedia.com/colors/peach-puff/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/peach-puff.json"}