{"datasetVersion":"1.0.0","slug":"seafoam","name":"Seafoam","hex":"#93E9BE","rgb":[147,233,190],"hsl":[150,66,75],"cmyk":[37,0,18,9],"family":"green","temperature":"cool","tone":["balanced"],"luminance":0.682,"contrast":{"black":14.64,"white":1.43},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"sourceColor":{"slug":"seafoam","name":"Seafoam","hex":"#93E9BE","url":"https://www.colorsencyclopedia.com/colors/seafoam/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/seafoam.json"},"harmonyGroups":[{"key":"complementary","label":"Complementary","behavior":"maximum hue contrast","bestUse":"accent colors, strong calls to action, visual opposition","description":"Complementary harmony uses the color opposite the source hue. It creates the strongest direct relationship in the wheel, so it is best for accents, contrast anchors, and palettes that need immediate separation.","colors":[{"hex":"#E995BF","name":"#E995BF","slug":null,"rgb":[233,149,191],"hsl":[330,66,75],"cmyk":[0,36,18,9],"luminance":0.4258,"contrast":{"black":9.52,"white":2.21},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/e995bf/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e995bf.json"}],"anchor":"seafoam-harmony-complementary"},{"key":"analogous","label":"Analogous","behavior":"neighboring hue movement","bestUse":"calm palettes, gradients, natural transitions","description":"Analogous harmony uses hues close to the source color. It keeps the palette visually connected and is useful for quiet interfaces, editorial color systems, and smooth background or gradient work.","colors":[{"hex":"#95E995","name":"#95E995","slug":null,"rgb":[149,233,149],"hsl":[120,66,75],"cmyk":[36,0,36,9],"luminance":0.6684,"contrast":{"black":14.37,"white":1.46},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/95e995/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/95e995.json"},{"hex":"#95E9E9","name":"#95E9E9","slug":null,"rgb":[149,233,233],"hsl":[180,66,75],"cmyk":[36,0,0,9],"luminance":0.7055,"contrast":{"black":15.11,"white":1.39},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/hex/95e9e9/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/95e9e9.json"}],"anchor":"seafoam-harmony-analogous"},{"key":"triadic","label":"Triadic","behavior":"three evenly spaced hues","bestUse":"balanced contrast, playful systems, broad palette range","description":"Triadic harmony places colors around the wheel at equal intervals. It gives more range than analogous harmony while keeping a stable mathematical relationship between the selected hues.","colors":[{"hex":"#BF95E9","name":"#BF95E9","slug":null,"rgb":[191,149,233],"hsl":[270,66,75],"cmyk":[18,36,0,9],"luminance":0.3845,"contrast":{"black":8.69,"white":2.42},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/bf95e9/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/bf95e9.json"},{"hex":"#E9BF95","name":"#E9BF95","slug":null,"rgb":[233,191,149],"hsl":[30,66,75],"cmyk":[0,18,36,9],"luminance":0.5676,"contrast":{"black":12.35,"white":1.7},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/e9bf95/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e9bf95.json"}],"anchor":"seafoam-harmony-triadic"},{"key":"tetradic","label":"Tetradic","behavior":"two complementary pairs","bestUse":"large design systems, dashboards, multi-state UI","description":"Tetradic harmony creates a four-color system from two complementary relationships. It is useful when a palette needs multiple roles, but the colors should be assigned carefully so one hue remains dominant.","colors":[{"hex":"#9595E9","name":"#9595E9","slug":null,"rgb":[149,149,233],"hsl":[240,66,75],"cmyk":[36,36,0,9],"luminance":0.3377,"contrast":{"black":7.75,"white":2.71},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000"]},"url":"https://www.colorsencyclopedia.com/hex/9595e9/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/9595e9.json"},{"hex":"#E995BF","name":"#E995BF","slug":null,"rgb":[233,149,191],"hsl":[330,66,75],"cmyk":[0,36,18,9],"luminance":0.4258,"contrast":{"black":9.52,"white":2.21},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/e995bf/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e995bf.json"},{"hex":"#E9E995","name":"#E9E995","slug":null,"rgb":[233,233,149],"hsl":[60,66,75],"cmyk":[0,0,36,9],"luminance":0.7777,"contrast":{"black":16.55,"white":1.27},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/hex/e9e995/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e9e995.json"}],"anchor":"seafoam-harmony-tetradic"},{"key":"splitComplementary","label":"Split Complementary","behavior":"softened complementary contrast","bestUse":"brand palettes, accent pairs, less aggressive contrast","description":"Split-complementary harmony replaces the direct opposite with the two hues beside it. This keeps useful contrast while reducing the visual tension of a pure complementary pair.","colors":[{"hex":"#E995E9","name":"#E995E9","slug":null,"rgb":[233,149,233],"hsl":[300,66,75],"cmyk":[0,36,0,9],"luminance":0.447,"contrast":{"black":9.94,"white":2.11},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/e995e9/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e995e9.json"},{"hex":"#E99595","name":"#E99595","slug":null,"rgb":[233,149,149],"hsl":[0,66,75],"cmyk":[0,36,36,9],"luminance":0.4099,"contrast":{"black":9.2,"white":2.28},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/e99595/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e99595.json"}],"anchor":"seafoam-harmony-split-complementary"},{"key":"monochromatic","label":"Monochromatic","behavior":"same hue, different values","bestUse":"surfaces, states, elevation, restrained UI themes","description":"Monochromatic harmony keeps the source hue and changes lightness. It is the safest system for tonal UI, cards, hover states, shadows, backgrounds, and subtle visual hierarchy.","colors":[{"hex":"#E1F9ED","name":"#E1F9ED","slug":null,"rgb":[225,249,237],"hsl":[150,67,93],"cmyk":[10,0,5,2],"luminance":0.8987,"contrast":{"black":18.97,"white":1.11},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"url":"https://www.colorsencyclopedia.com/hex/e1f9ed/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/e1f9ed.json"},{"hex":"#93E9BE","name":"Seafoam","slug":"seafoam","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"]},"url":"https://www.colorsencyclopedia.com/colors/seafoam/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/seafoam.json"},{"hex":"#49DA91","name":"#49DA91","slug":null,"rgb":[73,218,145],"hsl":[150,66,57],"cmyk":[67,0,33,15],"luminance":0.536,"contrast":{"black":11.72,"white":1.79},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"url":"https://www.colorsencyclopedia.com/hex/49da91/","apiUrl":"https://www.colorsencyclopedia.com/api/hex/49da91.json"}],"anchor":"seafoam-harmony-monochromatic"}],"signaturePalette":["#93E9BE","#E995BF","#95E995","#95E9E9","#E1F9ED","#49DA91"],"semanticGroups":["green harmony","cool harmony","balanced harmony","seafoam palette system"],"useCases":["palette generation","brand color exploration","UI accent planning","CSS design tokens","AI color retrieval"],"accessibilityNotes":["Black contrast on Seafoam: 14.64:1","White contrast on Seafoam: 1.43:1","AA text options: #000000, #1A1A1A, #36454F"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/harmonies/seafoam.json","https://www.colorsencyclopedia.com/api/colors/seafoam.json","https://www.colorsencyclopedia.com/api/hex/93e9be.json"],"url":"https://www.colorsencyclopedia.com/harmonies/seafoam/","apiUrl":"https://www.colorsencyclopedia.com/api/harmonies/seafoam.json","cssSnippet":":root {\n  --color-seafoam: #93E9BE;\n  --seafoam-complementary-1: #E995BF;\n  --seafoam-analogous-1: #95E995;\n  --seafoam-analogous-2: #95E9E9;\n  --seafoam-triadic-1: #BF95E9;\n  --seafoam-triadic-2: #E9BF95;\n  --seafoam-tetradic-1: #9595E9;\n  --seafoam-tetradic-2: #E995BF;\n  --seafoam-tetradic-3: #E9E995;\n  --seafoam-split-complementary-1: #E995E9;\n  --seafoam-split-complementary-2: #E99595;\n  --seafoam-monochromatic-1: #E1F9ED;\n  --seafoam-monochromatic-2: #93E9BE;\n  --seafoam-monochromatic-3: #49DA91;\n}\n\n.palette-seafoam-harmony {\n  color: #111827;\n  background: linear-gradient(135deg, #93E9BE, #E995BF, #95E995, #95E9E9, #E1F9ED, #49DA91);\n}","generatedAt":"2026-07-23T19:04:03.444Z"}