{"datasetVersion":"1.0.0","slug":"rosy-brown","name":"Rosy Brown","hex":"#BC8F8F","rgb":[188,143,143],"hsl":[0,25,65],"cmyk":[0,24,24,26],"luminance":0.3232,"contrast":{"black":7.46,"white":2.81},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"family":"red","temperature":"warm","tone":["muted"],"bestTextColor":"#111827","cssVariables":{"color":"--color-rosy-brown: #BC8F8F;","rgb":"--color-rosy-brown-rgb: 188 143 143;","contrast":"--color-rosy-brown-contrast: #111827;"},"utilityClasses":{"background":".bg-rosy-brown","text":".text-rosy-brown","border":".border-rosy-brown","surface":".surface-rosy-brown","shadow":".shadow-rosy-brown"},"cssSnippet":":root {\n  --color-rosy-brown: #BC8F8F;\n  --color-rosy-brown-rgb: 188 143 143;\n  --color-rosy-brown-contrast: #111827;\n}\n\n.bg-rosy-brown { background-color: var(--color-rosy-brown); }\n.text-rosy-brown { color: var(--color-rosy-brown); }\n.border-rosy-brown { border-color: var(--color-rosy-brown); }\n.surface-rosy-brown {\n  background-color: var(--color-rosy-brown);\n  color: var(--color-rosy-brown-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-rosy-brown), #111827 18%);\n}\n.shadow-rosy-brown { box-shadow: 0 18px 40px rgb(var(--color-rosy-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/rosy-brown.json","https://www.colorsencyclopedia.com/api/colors/rosy-brown.json"],"url":"https://www.colorsencyclopedia.com/css/colors/rosy-brown/","colorUrl":"https://www.colorsencyclopedia.com/colors/rosy-brown/","hexUrl":"https://www.colorsencyclopedia.com/hex/bc8f8f/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/rosy-brown.json","generatedAt":"2026-07-23T19:04:03.385Z"}