{"datasetVersion":"1.0.0","slug":"sandy-brown","name":"Sandy Brown","hex":"#F4A460","rgb":[244,164,96],"hsl":[28,87,67],"cmyk":[0,33,61,4],"luminance":0.4663,"contrast":{"black":10.33,"white":2.03},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"family":"orange","temperature":"warm","tone":["vibrant"],"bestTextColor":"#111827","cssVariables":{"color":"--color-sandy-brown: #F4A460;","rgb":"--color-sandy-brown-rgb: 244 164 96;","contrast":"--color-sandy-brown-contrast: #111827;"},"utilityClasses":{"background":".bg-sandy-brown","text":".text-sandy-brown","border":".border-sandy-brown","surface":".surface-sandy-brown","shadow":".shadow-sandy-brown"},"cssSnippet":":root {\n  --color-sandy-brown: #F4A460;\n  --color-sandy-brown-rgb: 244 164 96;\n  --color-sandy-brown-contrast: #111827;\n}\n\n.bg-sandy-brown { background-color: var(--color-sandy-brown); }\n.text-sandy-brown { color: var(--color-sandy-brown); }\n.border-sandy-brown { border-color: var(--color-sandy-brown); }\n.surface-sandy-brown {\n  background-color: var(--color-sandy-brown);\n  color: var(--color-sandy-brown-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-sandy-brown), #111827 18%);\n}\n.shadow-sandy-brown { box-shadow: 0 18px 40px rgb(var(--color-sandy-brown-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/sandy-brown.json","https://www.colorsencyclopedia.com/api/colors/sandy-brown.json"],"url":"https://www.colorsencyclopedia.com/css/colors/sandy-brown/","colorUrl":"https://www.colorsencyclopedia.com/colors/sandy-brown/","hexUrl":"https://www.colorsencyclopedia.com/hex/f4a460/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/sandy-brown.json","generatedAt":"2026-07-23T19:04:03.385Z"}