{"datasetVersion":"1.0.0","slug":"cadmium-orange","name":"Cadmium Orange","hex":"#ED872D","rgb":[237,135,45],"hsl":[28,84,55],"cmyk":[0,43,81,7],"luminance":0.3552,"contrast":{"black":8.1,"white":2.59},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"family":"orange","temperature":"warm","tone":["vibrant"],"bestTextColor":"#111827","cssVariables":{"color":"--color-cadmium-orange: #ED872D;","rgb":"--color-cadmium-orange-rgb: 237 135 45;","contrast":"--color-cadmium-orange-contrast: #111827;"},"utilityClasses":{"background":".bg-cadmium-orange","text":".text-cadmium-orange","border":".border-cadmium-orange","surface":".surface-cadmium-orange","shadow":".shadow-cadmium-orange"},"cssSnippet":":root {\n  --color-cadmium-orange: #ED872D;\n  --color-cadmium-orange-rgb: 237 135 45;\n  --color-cadmium-orange-contrast: #111827;\n}\n\n.bg-cadmium-orange { background-color: var(--color-cadmium-orange); }\n.text-cadmium-orange { color: var(--color-cadmium-orange); }\n.border-cadmium-orange { border-color: var(--color-cadmium-orange); }\n.surface-cadmium-orange {\n  background-color: var(--color-cadmium-orange);\n  color: var(--color-cadmium-orange-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-cadmium-orange), #111827 18%);\n}\n.shadow-cadmium-orange { box-shadow: 0 18px 40px rgb(var(--color-cadmium-orange-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/cadmium-orange.json","https://www.colorsencyclopedia.com/api/colors/cadmium-orange.json"],"url":"https://www.colorsencyclopedia.com/css/colors/cadmium-orange/","colorUrl":"https://www.colorsencyclopedia.com/colors/cadmium-orange/","hexUrl":"https://www.colorsencyclopedia.com/hex/ed872d/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/cadmium-orange.json","generatedAt":"2026-07-23T19:04:03.382Z"}