{"datasetVersion":"1.0.0","slug":"bone","name":"Bone","hex":"#E3DAC9","rgb":[227,218,201],"hsl":[39,32,84],"cmyk":[0,4,11,11],"luminance":0.7069,"contrast":{"black":15.14,"white":1.39},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"family":"orange","temperature":"warm","tone":["balanced"],"bestTextColor":"#111827","cssVariables":{"color":"--color-bone: #E3DAC9;","rgb":"--color-bone-rgb: 227 218 201;","contrast":"--color-bone-contrast: #111827;"},"utilityClasses":{"background":".bg-bone","text":".text-bone","border":".border-bone","surface":".surface-bone","shadow":".shadow-bone"},"cssSnippet":":root {\n  --color-bone: #E3DAC9;\n  --color-bone-rgb: 227 218 201;\n  --color-bone-contrast: #111827;\n}\n\n.bg-bone { background-color: var(--color-bone); }\n.text-bone { color: var(--color-bone); }\n.border-bone { border-color: var(--color-bone); }\n.surface-bone {\n  background-color: var(--color-bone);\n  color: var(--color-bone-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-bone), #111827 18%);\n}\n.shadow-bone { box-shadow: 0 18px 40px rgb(var(--color-bone-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/bone.json","https://www.colorsencyclopedia.com/api/colors/bone.json"],"url":"https://www.colorsencyclopedia.com/css/colors/bone/","colorUrl":"https://www.colorsencyclopedia.com/colors/bone/","hexUrl":"https://www.colorsencyclopedia.com/hex/e3dac9/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/bone.json","generatedAt":"2026-07-23T19:04:03.382Z"}