{"hex":"#30475E","rgb":[48,71,94],"hsl":[210,32,28],"cmyk":[49,24,0,63],"luminance":0.0594,"contrast":{"black":2.19,"white":9.6},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"harmonies":{"complementary":"#5E4731","analogous":["#315E5E","#31315E"],"triadic":["#5E3147","#475E31"],"tetradic":["#5E315E","#5E4731","#315E31"],"splitComplementary":["#5E3131","#5E5E31"],"monochromatic":["#50759B","#30475E","#111922"]},"variants":{"light":"#50759B","dark":"#111922","saturated":"#21476E","desaturated":"#40474F","pastel":"#73879C","neon":"#005CB8"},"family":"blue","temperature":"cool","tone":["balanced"],"nearestColors":[{"slug":"slate-navy","name":"Slate Navy","hex":"#30475E","distance":0},{"slug":"charcoal","name":"Charcoal","hex":"#36454F","distance":16.278820596099706},{"slug":"dark-slate-gray","name":"Dark Slate Gray","hex":"#2F4F4F","distance":17.029386365926403},{"slug":"dark-slate-grey","name":"Dark Slate Grey","hex":"#2F4F4F","distance":17.029386365926403},{"slug":"spruce","name":"Spruce","hex":"#2E4F4F","distance":17.11724276862369}],"semanticGroups":["cool blue","balanced","balanced blue","Slate Navy adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","calm digital interfaces"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/30475e.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/slate-navy.json","https://www.colorsencyclopedia.com/api/colors/charcoal.json","https://www.colorsencyclopedia.com/api/colors/dark-slate-gray.json"],"safePairings":[{"name":"Black text","hex":"#000000","contrast":2.19,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":9.6,"wcagAA":true,"wcagAAA":true}],"accessibleAlternatives":[{"name":"#111922","hex":"#111922","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.19,"contrastWhite":17.71,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#31315E","hex":"#31315E","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":1.73,"contrastWhite":12.12,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Charcoal","hex":"#36454F","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":2.12,"contrastWhite":9.9,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#21476E","hex":"#21476E","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":2.19,"contrastWhite":9.58,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#40474F","hex":"#40474F","family":"blue","bestTextColor":"#FFFFFF","contrastBlack":2.23,"contrastWhite":9.41,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]}],"url":"https://www.colorsencyclopedia.com/hex/30475e/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/30475e.json"}