{"hex":"#36454F","rgb":[54,69,79],"hsl":[204,19,26],"cmyk":[32,13,0,69],"luminance":0.0561,"contrast":{"black":2.12,"white":9.9},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"harmonies":{"complementary":"#4F4036","analogous":["#364F4C","#36384F"],"triadic":["#4F3645","#454F36"],"tetradic":["#4C364F","#4F4036","#384F36"],"splitComplementary":["#4F3638","#4F4C36"],"monochromatic":["#5B7486","#36454F","#111518"]},"variants":{"light":"#5B7486","dark":"#111518","saturated":"#27485D","desaturated":"#424242","pastel":"#7D8387","neon":"#0068AD"},"family":"blue","temperature":"cool","tone":["muted"],"nearestColors":[{"slug":"charcoal","name":"Charcoal","hex":"#36454F","distance":0},{"slug":"dark-slate-gray","name":"Dark Slate Gray","hex":"#2F4F4F","distance":12.206555615733702},{"slug":"dark-slate-grey","name":"Dark Slate Grey","hex":"#2F4F4F","distance":12.206555615733702},{"slug":"spruce","name":"Spruce","hex":"#2E4F4F","distance":12.806248474865697},{"slug":"slate-navy","name":"Slate Navy","hex":"#30475E","distance":16.278820596099706}],"semanticGroups":["cool blue","muted","muted blue","Charcoal adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","muted interface themes","calm digital interfaces"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/36454f.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/charcoal.json","https://www.colorsencyclopedia.com/api/colors/dark-slate-gray.json","https://www.colorsencyclopedia.com/api/colors/dark-slate-grey.json"],"safePairings":[{"name":"Black text","hex":"#000000","contrast":2.12,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":9.9,"wcagAA":true,"wcagAAA":true}],"accessibleAlternatives":[{"name":"#111518","hex":"#111518","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.14,"contrastWhite":18.36,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#36384F","hex":"#36384F","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.84,"contrastWhite":11.44,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#424242","hex":"#424242","family":"gray","bestTextColor":"#FFFFFF","contrastBlack":2.09,"contrastWhite":10.05,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#4F4036","hex":"#4F4036","family":"orange","bestTextColor":"#FFFFFF","contrastBlack":2.12,"contrastWhite":9.91,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#27485D","hex":"#27485D","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":2.17,"contrastWhite":9.67,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}],"url":"https://www.colorsencyclopedia.com/hex/36454f/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/36454f.json"}