{"datasetVersion":"1.0.0","slug":"pumice","name":"Pumice","hex":"#BAC0B4","rgb":[186,192,180],"hsl":[90,9,73],"cmyk":[3,0,6,25],"luminance":0.5143,"contrast":{"black":11.29,"white":1.86},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"family":"green","temperature":"cool","tone":["muted"],"bestTextColor":"#111827","cssVariables":{"color":"--color-pumice: #BAC0B4;","rgb":"--color-pumice-rgb: 186 192 180;","contrast":"--color-pumice-contrast: #111827;"},"utilityClasses":{"background":".bg-pumice","text":".text-pumice","border":".border-pumice","surface":".surface-pumice","shadow":".shadow-pumice"},"cssSnippet":":root {\n  --color-pumice: #BAC0B4;\n  --color-pumice-rgb: 186 192 180;\n  --color-pumice-contrast: #111827;\n}\n\n.bg-pumice { background-color: var(--color-pumice); }\n.text-pumice { color: var(--color-pumice); }\n.border-pumice { border-color: var(--color-pumice); }\n.surface-pumice {\n  background-color: var(--color-pumice);\n  color: var(--color-pumice-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-pumice), #111827 18%);\n}\n.shadow-pumice { box-shadow: 0 18px 40px rgb(var(--color-pumice-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/pumice.json","https://www.colorsencyclopedia.com/api/colors/pumice.json"],"url":"https://www.colorsencyclopedia.com/css/colors/pumice/","colorUrl":"https://www.colorsencyclopedia.com/colors/pumice/","hexUrl":"https://www.colorsencyclopedia.com/hex/bac0b4/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/pumice.json","generatedAt":"2026-07-23T19:04:03.385Z"}