Seafoam Green is a light, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #9FE2BF, which equals rgb(159, 226, 191) in RGB and hsl(149, 54%, 75%) in HSL. In print terms it converts to roughly C30 M0 Y15 K11, although exact CMYK results depend on the paper and color profile.
- HEX
#9FE2BF - RGB
159, 226, 191 - HSL
149°, 54%, 75% - CMYK
30, 0, 15, 11 - Family
Green - Tone
Light, moderately saturated
About Seafoam Green
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 14.11:1. Its complementary color is #E29DC0.
Download Seafoam Green as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Seafoam Green color codes
| HEX | #9FE2BF |
|---|---|
| RGB | rgb(159, 226, 191) |
| HSL | hsl(149, 54%, 75%) |
| HSV | 149°, 30%, 89% |
| CMYK | 30%, 0%, 15%, 11% |
| Decimal | 10478271 |
Shades and tints of Seafoam Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFFAF4 - 100
#DFF5EA - 200
#CFF1DF - 300
#BFECD4 - 400
#AFE7CA - 500
#9FE2BF - 600
#85BC9F - 700
#6A977F - 800
#507160 - 900
#354B40 - 950
#1B2620
Color harmonies for Seafoam Green
- Complementary
#E29DC0≈ Pale Soft Blush - Analogous −30°
#9EE29D≈ Pale Soft Shamrock - Analogous +30°
#9DE2E1≈ Pale Soft Cyan - Triadic +120°
#BE9DE2≈ Pale Soft Violet - Triadic +240°
#E2BE9D≈ Pale Soft Orange - Split 150°
#E19DE2≈ Plum - Split 210°
#E29D9E≈ Pale Soft Scarlet
Contrast and accessibility of Seafoam Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Seafoam Green | Aa | 1.49:1 | Fails |
| Black text on Seafoam Green | Aa | 14.11:1 | AAA (excellent) |
CSS code for Seafoam Green
background-color: #9FE2BF;color: #9FE2BF;background-color: rgb(159, 226, 191);background-color: hsl(149, 54%, 75%);:root { --color-seafoam-green: #9FE2BF; }class="bg-[#9FE2BF]"Colors similar to Seafoam Green
- Pale Soft Mint
#95E4BD - Pale Soft Seafoam
#95E4C5 - Pale Soft Malachite
#95E4B5 - Pale Muted Mint
#A2D7BD - Pale Muted Seafoam
#A2D7C2 - Pale Muted Malachite
#A2D7B7 - Pale Muted Aquamarine
#A2D7C7 - Pale Soft Aquamarine
#95E4CD - Pale Muted Jade
#A2D7B2 - Pale Muted Turquoise
#A2D7CD - Pale Soft Jade
#95E4AD - Pale Muted Emerald
#A2D7AD
More green shades
- Medium Spring Green
#00FA9A - Olive Drab
#6B8E23 - Spring Green
#00FF7F - Yellow Green
#9ACD32 - Emerald
#50C878 - Mint
#3EB489 - Jade
#00A86B - Malachite
#0BDA51 - Kelly Green
#4CBB17 - Hunter Green
#355E3B - Moss Green
#8A9A5B
Frequently asked questions
What is the HEX code for Seafoam Green?
The HEX code for Seafoam Green is #9FE2BF.
What is the RGB value of Seafoam Green?
Seafoam Green has an RGB value of 159, 226, 191 (rgb(159, 226, 191)). In HSL it is 149°, 54%, 75%.
What text color should I use on Seafoam Green?
Use black text on Seafoam Green. White text has a contrast ratio of 1.49:1 and black text has 14.11:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Seafoam Green?
The complementary color of Seafoam Green is #E29DC0. Analogous colors #9EE29D and #9DE2E1 also pair well.