{"slug":"khaki","name":"Khaki","cssName":"khaki","hex":"#F0E68C","family":"yellow","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":["khaki"],"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":["yellow","warm","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[240,230,140],"hsl":[54,77,75],"cmyk":[0,4,42,6],"luminance":0.7701,"contrast":{"black":16.4,"white":1.28},"harmonies":{"complementary":"#8E98F0","analogous":["#F0B58E","#C9F08E"],"triadic":["#8EF0E7","#E78EF0"],"tetradic":["#8EF0B5","#8E98F0","#F08EC9"],"splitComplementary":["#8EC9F0","#B58EF0"],"monochromatic":["#FBF8DF","#F0E68C","#E6D53D"]},"variants":{"light":"#FBF8DF","dark":"#E6D53D","saturated":"#FEF280","desaturated":"#E2DB9C","pastel":"#FFFFFF","neon":"#FFF6A8"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-khaki: #F0E68C;","utility":".bg-khaki { background-color: #F0E68C; }","textUtility":".text-khaki { color: #F0E68C; }"},"nearestColors":["flax","soft-peach","pastel-yellow","pale-goldenrod","vanilla"],"generatedPalettes":["khaki"],"generatedComparisons":["flax-vs-khaki","khaki-vs-soft-peach","pastel-yellow-vs-khaki"],"relatedFamilies":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/pastel"],"relatedTools":["/harmonies/khaki","/wcag/khaki","/css/colors/khaki","/hex/f0e68c"],"semanticRelations":{"broader":["/colors/by-family/yellow","/colors/by-temperature/warm","/colors/by-tone/pastel"],"narrower":["/palettes/khaki"],"related":["/colors/flax","/colors/soft-peach","/colors/pastel-yellow","/colors/pale-goldenrod","/colors/vanilla","/compare/flax-vs-khaki","/compare/khaki-vs-soft-peach","/compare/pastel-yellow-vs-khaki","/harmonies/khaki","/wcag/khaki","/css/colors/khaki","/hex/f0e68c"]},"url":"https://www.colorsencyclopedia.com/colors/khaki/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/khaki.json"}