{"datasetVersion":"1.0.0","slug":"seafoam","name":"Seafoam","hex":"#93E9BE","rgb":[147,233,190],"hsl":[150,66,75],"cmyk":[37,0,18,9],"luminance":0.682,"contrast":{"black":14.64,"white":1.43},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"family":"green","temperature":"cool","tone":["balanced"],"bestTextColor":"#111827","cssVariables":{"color":"--color-seafoam: #93E9BE;","rgb":"--color-seafoam-rgb: 147 233 190;","contrast":"--color-seafoam-contrast: #111827;"},"utilityClasses":{"background":".bg-seafoam","text":".text-seafoam","border":".border-seafoam","surface":".surface-seafoam","shadow":".shadow-seafoam"},"cssSnippet":":root {\n  --color-seafoam: #93E9BE;\n  --color-seafoam-rgb: 147 233 190;\n  --color-seafoam-contrast: #111827;\n}\n\n.bg-seafoam { background-color: var(--color-seafoam); }\n.text-seafoam { color: var(--color-seafoam); }\n.border-seafoam { border-color: var(--color-seafoam); }\n.surface-seafoam {\n  background-color: var(--color-seafoam);\n  color: var(--color-seafoam-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-seafoam), #111827 18%);\n}\n.shadow-seafoam { box-shadow: 0 18px 40px rgb(var(--color-seafoam-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/seafoam.json","https://www.colorsencyclopedia.com/api/colors/seafoam.json"],"url":"https://www.colorsencyclopedia.com/css/colors/seafoam/","colorUrl":"https://www.colorsencyclopedia.com/colors/seafoam/","hexUrl":"https://www.colorsencyclopedia.com/hex/93e9be/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/seafoam.json","generatedAt":"2026-07-23T19:04:03.385Z"}