What color is Seafoam?
Seafoam is a soft, pale blue-green with a gentle minty quality, hex #8DDCDC, similar in tone to the inner flesh of a honeydew melon. It is lighter and more washed-out than teal, with a quiet transparency that makes it feel almost hazy.
What is the meaning of the color Seafoam?
Seafoam as a color name traces to the pale greenish-white froth produced by ocean waves breaking on shore, a natural phenomenon described in English literature as early as the 19th century. The name entered decorative use in the mid-20th century, appearing in American home goods catalogs of the 1950s alongside other pastel shades tied to postwar optimism and suburban interior design. It became a staple of the era’s kitchen and bathroom palettes, often paired with pink or ivory in manufactured tile and appliance finishes. Pantone formally recognized seafoam as a distinct palette entry, helping standardize its use across fashion and textile industries from the 1980s onward.
What colors go with Seafoam?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #8DDCDC |
color: #8DDCDC;
|
| RGB | 141, 220, 220 |
color: rgb(141, 220, 220);
|
| RGB Percentage | 55%, 86%, 86% |
color: rgb(55%, 86%, 86%);
|
| CMYK | 36%, 0%, 0%, 14% | Not supported in CSS |
| HSL | 180°, 53%, 71% |
color: hsl(180, 53%, 71%);
|
| HSV | 180°, 36%, 86% | Not supported in CSS |
| CIE-LAB | 57, -16, 0 |
color: lab(57% -16 0);
|
| Decimal | 9297116 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.seafoam {
color: #8DDCDC;
}
$seafoam: #8DDCDC;
rgb(141, 220, 220)