{"datasetVersion":"1.0.0","slug":"plum","name":"Plum","hex":"#DDA0DD","rgb":[221,160,221],"hsl":[300,47,75],"cmyk":[0,28,0,13],"luminance":0.4573,"contrast":{"black":10.15,"white":2.07},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"family":"pink","temperature":"warm","tone":["balanced"],"bestTextColor":"#111827","cssVariables":{"color":"--color-plum: #DDA0DD;","rgb":"--color-plum-rgb: 221 160 221;","contrast":"--color-plum-contrast: #111827;"},"utilityClasses":{"background":".bg-plum","text":".text-plum","border":".border-plum","surface":".surface-plum","shadow":".shadow-plum"},"cssSnippet":":root {\n  --color-plum: #DDA0DD;\n  --color-plum-rgb: 221 160 221;\n  --color-plum-contrast: #111827;\n}\n\n.bg-plum { background-color: var(--color-plum); }\n.text-plum { color: var(--color-plum); }\n.border-plum { border-color: var(--color-plum); }\n.surface-plum {\n  background-color: var(--color-plum);\n  color: var(--color-plum-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-plum), #111827 18%);\n}\n.shadow-plum { box-shadow: 0 18px 40px rgb(var(--color-plum-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/plum.json","https://www.colorsencyclopedia.com/api/colors/plum.json"],"url":"https://www.colorsencyclopedia.com/css/colors/plum/","colorUrl":"https://www.colorsencyclopedia.com/colors/plum/","hexUrl":"https://www.colorsencyclopedia.com/hex/dda0dd/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/plum.json","generatedAt":"2026-07-23T19:04:03.385Z"}