{"hex":"#3C3C20","rgb":[60,60,32],"hsl":[60,30,18],"cmyk":[0,0,47,76],"luminance":0.043,"contrast":{"black":1.86,"white":11.29},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"harmonies":{"complementary":"#20203C","analogous":["#3C2E20","#2E3C20"],"triadic":["#203C3C","#3C203C"],"tetradic":["#203C2E","#20203C","#3C202E"],"splitComplementary":["#202E3C","#2E203C"],"monochromatic":["#777740","#3C3C20","#000000"]},"variants":{"light":"#777740","dark":"#000000","saturated":"#464616","desaturated":"#32322A","pastel":"#7E7E5D","neon":"#858500"},"family":"yellow","temperature":"warm","tone":["dark","earth-tone"],"nearestColors":[{"slug":"espresso","name":"Espresso","hex":"#4B3621","distance":16.186414056238647},{"slug":"pine-bark","name":"Pine Bark","hex":"#4A3728","distance":16.881943016134134},{"slug":"peat","name":"Peat","hex":"#3B2F2F","distance":19.87460691435179},{"slug":"taupe","name":"Taupe","hex":"#483C32","distance":21.633307652783937},{"slug":"jet","name":"Jet","hex":"#343434","distance":22.978250586152114}],"semanticGroups":["warm yellow","dark","earth tone","dark yellow","earth tone yellow","Espresso adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","natural palettes","dark theme accents","highlight and warning systems"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/3c3c20.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/espresso.json","https://www.colorsencyclopedia.com/api/colors/pine-bark.json","https://www.colorsencyclopedia.com/api/colors/peat.json"],"safePairings":[{"name":"Black text","hex":"#000000","contrast":1.86,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":11.29,"wcagAA":true,"wcagAAA":true}],"accessibleAlternatives":[{"name":"Black","hex":"#000000","family":"gray","bestTextColor":"#FFFFFF","contrastBlack":1,"contrastWhite":21,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#20203C","hex":"#20203C","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.33,"contrastWhite":15.74,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#3C2E20","hex":"#3C2E20","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":1.6,"contrastWhite":13.09,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#32322A","hex":"#32322A","family":"yellow","bestTextColor":"#FFFFFF","contrastBlack":1.63,"contrastWhite":12.92,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Peat","hex":"#3B2F2F","family":"red","bestTextColor":"#FFFFFF","contrastBlack":1.63,"contrastWhite":12.85,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}],"url":"https://www.colorsencyclopedia.com/hex/3c3c20/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/3c3c20.json"}