{"datasetVersion":"1.0.0","slug":"orchid","name":"Orchid","hex":"#DA70D6","rgb":[218,112,214],"hsl":[302,59,65],"cmyk":[0,49,2,15],"luminance":0.3135,"contrast":{"black":7.27,"white":2.89},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"family":"pink","temperature":"warm","tone":["balanced"],"bestTextColor":"#111827","cssVariables":{"color":"--color-orchid: #DA70D6;","rgb":"--color-orchid-rgb: 218 112 214;","contrast":"--color-orchid-contrast: #111827;"},"utilityClasses":{"background":".bg-orchid","text":".text-orchid","border":".border-orchid","surface":".surface-orchid","shadow":".shadow-orchid"},"cssSnippet":":root {\n  --color-orchid: #DA70D6;\n  --color-orchid-rgb: 218 112 214;\n  --color-orchid-contrast: #111827;\n}\n\n.bg-orchid { background-color: var(--color-orchid); }\n.text-orchid { color: var(--color-orchid); }\n.border-orchid { border-color: var(--color-orchid); }\n.surface-orchid {\n  background-color: var(--color-orchid);\n  color: var(--color-orchid-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-orchid), #111827 18%);\n}\n.shadow-orchid { box-shadow: 0 18px 40px rgb(var(--color-orchid-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/orchid.json","https://www.colorsencyclopedia.com/api/colors/orchid.json"],"url":"https://www.colorsencyclopedia.com/css/colors/orchid/","colorUrl":"https://www.colorsencyclopedia.com/colors/orchid/","hexUrl":"https://www.colorsencyclopedia.com/hex/da70d6/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/orchid.json","generatedAt":"2026-07-23T19:04:03.384Z"}