Home /Compare /Aquamarine vs Seafoam

Aquamarine vs Seafoam: What's the Difference?

The main difference between Aquamarine and Seafoam is brightness and saturation: both are teal shades, but they share similar brightness and Aquamarine is more saturated. Aquamarine (#7FFFD4) has an HSL of 160°, 100%, 75%, whereas Seafoam (#93E9BE) sits at 150°, 66%, 75%.

Aquamarine#7FFFD4
Seafoam#93E9BE
#7FFFD4Blended: #89F4C9#93E9BE
ShareSave to PinterestTweet

Aquamarine vs Seafoam: Key Differences at a Glance

Aspect Aquamarine Seafoam
BrightnessLight (L=75%) — airy, soft, approachableLight (L=75%) — airy, soft, approachable
SaturationVivid (S=100%) — bright, energetic, eye-catchingModerately saturated (S=66%) — balanced in intensity
Hue familyTealTeal
TemperatureCool-leaningCool-leaning
Hex code#7FFFD4#93E9BE
RGB127, 255, 212147, 233, 190

Can you use Aquamarine and Seafoam together?

Seafoam text on Aquamarine
Aquamarine text on Seafoam
Contrast Ratio:1.17:1Insufficient Contrast

How to Tell Aquamarine and Seafoam Apart

  • ●Check saturation: Aquamarine looks more vivid and saturated.
  • ●Watch the undertone: the hue shifts 10° between them, which changes the perceived temperature.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

Aquamarine or Seafoam: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

◆Branding & logos
PickAquamarine

Aquamarine is more saturated (100% HSL vs 66%) so it reads as bolder and more memorable at logo scale, while Seafoam can feel washed out when printed small.

▢Web UI & body text backgrounds
PickSeafoam

Seafoam hits a 1.43:1 WCAG contrast against white — safer for text-heavy interfaces — where Aquamarine only reaches 1.22:1 and risks failing AA at small body sizes.

⬡Fashion & apparel
PickAquamarine

Aquamarine is a cool-leaning tone that flatters spring/summer collections and warmer skin undertones, while Seafoam leans cooler and is better suited to autumn/winter layering.

▣Interior design & walls
PickSeafoam

Seafoam is the more muted of the two (66% saturation) and sits more calmly on large wall surfaces, while Aquamarine's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Aquamarine vs Seafoam in Design

Use Aquamarine for:
●Professional, calm branding
●Health and wellness UI
●Dark-mode accent colors
●Modern tech interfaces
●Corporate presentations
Use Seafoam for:
●Professional, calm branding
●Health and wellness UI
●Dark-mode accent colors
●Modern tech interfaces
●Corporate presentations

Aquamarine and Seafoam Hex Codes, RGB & HSL

Aquamarine#7FFFD4

Aquamarine (#7FFFD4) is a light, vivid teal with a cool-leaning undertone — it feels airy, soft, approachable and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Seafoam#93E9BE

Seafoam (#93E9BE) is a light, moderately saturated teal with a cool-leaning undertone — it feels airy, soft, approachable and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Aquamarine and Seafoam WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Aquamarine text on white
1.22:1Fail
Sample text preview
Aquamarine text on black
17.16:1AAA
Sample text preview
Seafoam text on white
1.43:1Fail
Sample text preview
Seafoam text on black
14.64:1AAA
Sample text preview
Aquamarine text on Seafoam
1.17:1Fail
Sample text preview
Seafoam text on Aquamarine
1.17:1Fail

Explore Aquamarine and Seafoam individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Aquamarine color page#7FFFD4 · shades, tints, pairingsSeafoam color page#93E9BE · shades, tints, pairings

More Aquamarine and Seafoam Comparisons

SeafoamvsMintTurquoisevsAquamarineMintvsSeafoamTealvsSeafoamSeafoamvsLimeAquavsSeafoamCyanvsSeafoamSeafoamvsPistachioTurquoisevsSeafoamSeafoamvsChartreuseMint GreenvsSeafoamSeafoamvsSpring Green

Aquamarine vs Seafoam FAQ

What is the difference between aquamarine and seafoam?+
The main difference between Aquamarine and Seafoam is brightness and saturation: both are teal shades, but they share similar brightness and Aquamarine is more saturated. Aquamarine (#7FFFD4) has an HSL of 160°, 100%, 75%, whereas Seafoam (#93E9BE) sits at 150°, 66%, 75%.
Is aquamarine darker than seafoam?+
No, they're nearly the same brightness. Aquamarine sits at 75% lightness and Seafoam at 75% — the difference is only 0 percentage points.
Are aquamarine and seafoam the same color?+
No. Aquamarine is #7FFFD4 and Seafoam is #93E9BE. They differ by 10° in hue, 0% in lightness, and 34% in saturation.
Which is more saturated, aquamarine or seafoam?+
Aquamarine is more saturated. In HSL, Aquamarine has 100% saturation and Seafoam has 66% — Aquamarine is the more vivid of the two, while Seafoam reads as more muted.
Is aquamarine warm or cool?+
Aquamarine (#7FFFD4) is a cool-leaning teal. Its hue sits at 160° on the color wheel, which places it in the cool-leaning range.
Is seafoam warm or cool?+
Seafoam (#93E9BE) is a cool-leaning teal. Its hue sits at 150° on the color wheel, which places it in the cool-leaning range.
Can you use aquamarine and seafoam together?+
Yes. Both aquamarine and seafoam are teal shades, so they pair naturally in a monochromatic palette. Use seafoam as the dominant color and aquamarine as the accent or highlight.
What color family does aquamarine belong to?+
Aquamarine belongs to the teal family. Its HSL is 160°, 100%, 75% — a cool-leaning tone within the broader teal group.
What is the hex code for aquamarine?+
The hex code for Aquamarine is #7FFFD4. In RGB, that's rgb(127, 255, 212), and in HSL it's hsl(160, 100%, 75%).
What is the hex code for seafoam?+
The hex code for Seafoam is #93E9BE. In RGB, that's rgb(147, 233, 190), and in HSL it's hsl(150, 66%, 75%).