{"hex":"#686331","rgb":[104,99,49],"hsl":[55,36,30],"cmyk":[0,5,53,59],"luminance":0.1209,"contrast":{"black":3.42,"white":6.14},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"harmonies":{"complementary":"#313668","analogous":["#684831","#516831"],"triadic":["#316863","#633168"],"tetradic":["#316848","#313668","#683151"],"splitComplementary":["#315168","#483168"],"monochromatic":["#A69F4E","#686331","#2A2814"]},"variants":{"light":"#A69F4E","dark":"#2A2814","saturated":"#797120","desaturated":"#575542","pastel":"#A4A074","neon":"#C2B200"},"family":"yellow","temperature":"warm","tone":["earth-tone"],"nearestColors":[{"slug":"dark-olive-green","name":"Dark Olive Green","hex":"#556B2F","distance":20.71231517720798},{"slug":"loam","name":"Loam","hex":"#6B4F3A","distance":22.135943621178654},{"slug":"fern-frond","name":"Fern Frond","hex":"#657220","distance":22.869193252058544},{"slug":"coffee","name":"Coffee","hex":"#6F4E37","distance":22.93468988235943},{"slug":"umber","name":"Umber","hex":"#635147","distance":28.861739379323623}],"semanticGroups":["warm yellow","earth tone","earth tone yellow","Dark Olive Green adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","natural palettes","highlight and warning systems"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/686331.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/dark-olive-green.json","https://www.colorsencyclopedia.com/api/colors/loam.json","https://www.colorsencyclopedia.com/api/colors/fern-frond.json"],"safePairings":[{"name":"Black text","hex":"#000000","contrast":3.42,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":6.14,"wcagAA":true,"wcagAAA":false}],"accessibleAlternatives":[{"name":"#2A2814","hex":"#2A2814","family":"yellow","bestTextColor":"#FFFFFF","contrastBlack":1.41,"contrastWhite":14.87,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#313668","hex":"#313668","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.86,"contrastWhite":11.3,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#684831","hex":"#684831","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":2.56,"contrastWhite":8.2,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#A69F4E","hex":"#A69F4E","family":"yellow","bestTextColor":"#000000","contrastBlack":7.69,"contrastWhite":2.73,"wcagAA":["#000000","#1A1A1A"],"wcagAAA":["#000000"]},{"name":"#575542","hex":"#575542","family":"yellow","bestTextColor":"#FFFFFF","contrastBlack":2.78,"contrastWhite":7.54,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF"]}],"url":"https://www.colorsencyclopedia.com/hex/686331/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/686331.json"}