{"datasetVersion":"1.0.0","slug":"camel","name":"Camel","hex":"#C19A6B","rgb":[193,154,107],"hsl":[33,41,59],"cmyk":[0,20,45,24],"luminance":0.3551,"contrast":{"black":8.1,"white":2.59},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"family":"orange","temperature":"warm","tone":["earth-tone"],"bestTextColor":"#111827","cssVariables":{"color":"--color-camel: #C19A6B;","rgb":"--color-camel-rgb: 193 154 107;","contrast":"--color-camel-contrast: #111827;"},"utilityClasses":{"background":".bg-camel","text":".text-camel","border":".border-camel","surface":".surface-camel","shadow":".shadow-camel"},"cssSnippet":":root {\n  --color-camel: #C19A6B;\n  --color-camel-rgb: 193 154 107;\n  --color-camel-contrast: #111827;\n}\n\n.bg-camel { background-color: var(--color-camel); }\n.text-camel { color: var(--color-camel); }\n.border-camel { border-color: var(--color-camel); }\n.surface-camel {\n  background-color: var(--color-camel);\n  color: var(--color-camel-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-camel), #111827 18%);\n}\n.shadow-camel { box-shadow: 0 18px 40px rgb(var(--color-camel-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/camel.json","https://www.colorsencyclopedia.com/api/colors/camel.json"],"url":"https://www.colorsencyclopedia.com/css/colors/camel/","colorUrl":"https://www.colorsencyclopedia.com/colors/camel/","hexUrl":"https://www.colorsencyclopedia.com/hex/c19a6b/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/camel.json","generatedAt":"2026-07-23T19:04:03.382Z"}