{"slug":"moccasin","name":"Moccasin","cssName":"moccasin","hex":"#FFE4B5","family":"orange","temperature":"warm","tone":["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":["moccasin"],"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","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[255,228,181],"hsl":[38,100,85],"cmyk":[0,11,29,0],"luminance":0.8008,"contrast":{"black":17.02,"white":1.23},"harmonies":{"complementary":"#B3CFFF","analogous":["#FFBDB3","#F5FFB3"],"triadic":["#B3FFE3","#E3B3FF"],"tetradic":["#B3FFBD","#B3CFFF","#FFB3F5"],"splitComplementary":["#B3F5FF","#BDB3FF"],"monochromatic":["#FFFFFF","#FFE4B5","#FFC157"]},"variants":{"light":"#FFFFFF","dark":"#FFC157","saturated":"#FFE3B3","desaturated":"#F7E1BB","pastel":"#FFFFFF","neon":"#FFF2DB"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-moccasin: #FFE4B5;","utility":".bg-moccasin { background-color: #FFE4B5; }","textUtility":".text-moccasin { color: #FFE4B5; }"},"nearestColors":["peach","navajo-white","pastel-peach","peach-puff","wheat"],"generatedPalettes":["moccasin"],"generatedComparisons":["moccasin-vs-navajo-white","moccasin-vs-peach","pastel-peach-vs-moccasin","peach-puff-vs-moccasin"],"relatedFamilies":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/pastel"],"relatedTools":["/harmonies/moccasin","/wcag/moccasin","/css/colors/moccasin","/hex/ffe4b5"],"semanticRelations":{"broader":["/colors/by-family/orange","/colors/by-temperature/warm","/colors/by-tone/pastel"],"narrower":["/palettes/moccasin"],"related":["/colors/peach","/colors/navajo-white","/colors/pastel-peach","/colors/peach-puff","/colors/wheat","/compare/moccasin-vs-navajo-white","/compare/moccasin-vs-peach","/compare/pastel-peach-vs-moccasin","/compare/peach-puff-vs-moccasin","/harmonies/moccasin","/wcag/moccasin","/css/colors/moccasin","/hex/ffe4b5"]},"url":"https://www.colorsencyclopedia.com/colors/moccasin/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/moccasin.json"}