{"datasetVersion":"1.0.0","slug":"strawberry","name":"Strawberry","hex":"#FC5A8D","rgb":[252,90,141],"hsl":[341,96,67],"cmyk":[0,64,44,1],"luminance":0.2993,"contrast":{"black":6.99,"white":3.01},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"family":"pink","temperature":"warm","tone":["vibrant"],"bestTextColor":"#111827","cssVariables":{"color":"--color-strawberry: #FC5A8D;","rgb":"--color-strawberry-rgb: 252 90 141;","contrast":"--color-strawberry-contrast: #111827;"},"utilityClasses":{"background":".bg-strawberry","text":".text-strawberry","border":".border-strawberry","surface":".surface-strawberry","shadow":".shadow-strawberry"},"cssSnippet":":root {\n  --color-strawberry: #FC5A8D;\n  --color-strawberry-rgb: 252 90 141;\n  --color-strawberry-contrast: #111827;\n}\n\n.bg-strawberry { background-color: var(--color-strawberry); }\n.text-strawberry { color: var(--color-strawberry); }\n.border-strawberry { border-color: var(--color-strawberry); }\n.surface-strawberry {\n  background-color: var(--color-strawberry);\n  color: var(--color-strawberry-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-strawberry), #111827 18%);\n}\n.shadow-strawberry { box-shadow: 0 18px 40px rgb(var(--color-strawberry-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/strawberry.json","https://www.colorsencyclopedia.com/api/colors/strawberry.json"],"url":"https://www.colorsencyclopedia.com/css/colors/strawberry/","colorUrl":"https://www.colorsencyclopedia.com/colors/strawberry/","hexUrl":"https://www.colorsencyclopedia.com/hex/fc5a8d/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/strawberry.json","generatedAt":"2026-07-23T19:04:03.385Z"}