{"datasetVersion":"1.0.0","slug":"asphalt-gray","name":"Asphalt Gray","hex":"#4B4B4B","rgb":[75,75,75],"hsl":[0,0,29],"cmyk":[0,0,0,71],"luminance":0.0704,"contrast":{"black":2.41,"white":8.72},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"family":"gray","temperature":"neutral","tone":["muted"],"bestTextColor":"#FFFFFF","cssVariables":{"color":"--color-asphalt-gray: #4B4B4B;","rgb":"--color-asphalt-gray-rgb: 75 75 75;","contrast":"--color-asphalt-gray-contrast: #FFFFFF;"},"utilityClasses":{"background":".bg-asphalt-gray","text":".text-asphalt-gray","border":".border-asphalt-gray","surface":".surface-asphalt-gray","shadow":".shadow-asphalt-gray"},"cssSnippet":":root {\n  --color-asphalt-gray: #4B4B4B;\n  --color-asphalt-gray-rgb: 75 75 75;\n  --color-asphalt-gray-contrast: #FFFFFF;\n}\n\n.bg-asphalt-gray { background-color: var(--color-asphalt-gray); }\n.text-asphalt-gray { color: var(--color-asphalt-gray); }\n.border-asphalt-gray { border-color: var(--color-asphalt-gray); }\n.surface-asphalt-gray {\n  background-color: var(--color-asphalt-gray);\n  color: var(--color-asphalt-gray-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-asphalt-gray), #111827 18%);\n}\n.shadow-asphalt-gray { box-shadow: 0 18px 40px rgb(var(--color-asphalt-gray-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/asphalt-gray.json","https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"],"url":"https://www.colorsencyclopedia.com/css/colors/asphalt-gray/","colorUrl":"https://www.colorsencyclopedia.com/colors/asphalt-gray/","hexUrl":"https://www.colorsencyclopedia.com/hex/4b4b4b/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/asphalt-gray.json","generatedAt":"2026-07-23T19:04:03.382Z"}