{"datasetVersion":"1.0.0","slug":"terracotta","name":"Terracotta","hex":"#E2725B","rgb":[226,114,91],"hsl":[10,70,62],"cmyk":[0,50,60,11],"luminance":0.2896,"contrast":{"black":6.79,"white":3.09},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"family":"orange","temperature":"warm","tone":["earth-tone","muted"],"bestTextColor":"#111827","cssVariables":{"color":"--color-terracotta: #E2725B;","rgb":"--color-terracotta-rgb: 226 114 91;","contrast":"--color-terracotta-contrast: #111827;"},"utilityClasses":{"background":".bg-terracotta","text":".text-terracotta","border":".border-terracotta","surface":".surface-terracotta","shadow":".shadow-terracotta"},"cssSnippet":":root {\n  --color-terracotta: #E2725B;\n  --color-terracotta-rgb: 226 114 91;\n  --color-terracotta-contrast: #111827;\n}\n\n.bg-terracotta { background-color: var(--color-terracotta); }\n.text-terracotta { color: var(--color-terracotta); }\n.border-terracotta { border-color: var(--color-terracotta); }\n.surface-terracotta {\n  background-color: var(--color-terracotta);\n  color: var(--color-terracotta-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-terracotta), #111827 18%);\n}\n.shadow-terracotta { box-shadow: 0 18px 40px rgb(var(--color-terracotta-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/terracotta.json","https://www.colorsencyclopedia.com/api/colors/terracotta.json"],"url":"https://www.colorsencyclopedia.com/css/colors/terracotta/","colorUrl":"https://www.colorsencyclopedia.com/colors/terracotta/","hexUrl":"https://www.colorsencyclopedia.com/hex/e2725b/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/terracotta.json","generatedAt":"2026-07-23T19:04:03.385Z"}