{"datasetVersion":"1.0.0","slug":"nickel","name":"Nickel","hex":"#727472","rgb":[114,116,114],"hsl":[120,1,45],"cmyk":[2,0,2,55],"luminance":0.1728,"contrast":{"black":4.46,"white":4.71},"wcag":{"AA":["#FFFFFF"],"AAA":[]},"family":"gray","temperature":"neutral","tone":["muted"],"bestTextColor":"#FFFFFF","cssVariables":{"color":"--color-nickel: #727472;","rgb":"--color-nickel-rgb: 114 116 114;","contrast":"--color-nickel-contrast: #FFFFFF;"},"utilityClasses":{"background":".bg-nickel","text":".text-nickel","border":".border-nickel","surface":".surface-nickel","shadow":".shadow-nickel"},"cssSnippet":":root {\n  --color-nickel: #727472;\n  --color-nickel-rgb: 114 116 114;\n  --color-nickel-contrast: #FFFFFF;\n}\n\n.bg-nickel { background-color: var(--color-nickel); }\n.text-nickel { color: var(--color-nickel); }\n.border-nickel { border-color: var(--color-nickel); }\n.surface-nickel {\n  background-color: var(--color-nickel);\n  color: var(--color-nickel-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-nickel), #111827 18%);\n}\n.shadow-nickel { box-shadow: 0 18px 40px rgb(var(--color-nickel-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/nickel.json","https://www.colorsencyclopedia.com/api/colors/nickel.json"],"url":"https://www.colorsencyclopedia.com/css/colors/nickel/","colorUrl":"https://www.colorsencyclopedia.com/colors/nickel/","hexUrl":"https://www.colorsencyclopedia.com/hex/727472/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/nickel.json","generatedAt":"2026-07-23T19:04:03.384Z"}