Soft Seafoam is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #33CC8F, which equals rgb(51, 204, 143) in RGB and hsl(156, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y30 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CC8F - RGB
51, 204, 143 - HSL
156°, 60%, 50% - CMYK
75, 0, 30, 20 - Family
Green - Tone
Medium, saturated
About Soft Seafoam
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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 10.17:1. Its complementary color is #CC3370.
Download Soft Seafoam 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…
Soft Seafoam color codes
| HEX | #33CC8F |
|---|---|
| RGB | rgb(51, 204, 143) |
| HSL | hsl(156, 60%, 50%) |
| HSV | 156°, 75%, 80% |
| CMYK | 75%, 0%, 30%, 20% |
| Decimal | 3394703 |
Shades and tints of Soft Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7EC - 100
#BBEEDA - 200
#99E6C7 - 300
#77DDB4 - 400
#55D5A2 - 500
#33CC8F - 600
#2BAA77 - 700
#22885F - 800
#1A6648 - 900
#114430 - 950
#092218
Color harmonies for Soft Seafoam
- Complementary
#CC3370≈ Soft Ruby - Analogous −30°
#33CC42≈ Soft Green - Analogous +30°
#33BDCC≈ Soft Cyan - Triadic +120°
#8F33CC≈ Dark Orchid - Triadic +240°
#CC8F33≈ Peru - Split 150°
#CC33BD≈ Soft Magenta - Split 210°
#CC4233≈ Soft Red
Contrast and accessibility of Soft Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Seafoam | Aa | 2.06:1 | Fails |
| Black text on Soft Seafoam | Aa | 10.17:1 | AAA (excellent) |
CSS code for Soft Seafoam
background-color: #33CC8F;color: #33CC8F;background-color: rgb(51, 204, 143);background-color: hsl(156, 60%, 50%);:root { --color-soft-seafoam: #33CC8F; }class="bg-[#33CC8F]"Colors similar to Soft Seafoam
- Soft Mint
#33CC80 - Soft Aquamarine
#33CC9E - Medium Dark Bright Aquamarine
#15C18D - Soft Turquoise
#33CCAD - Mint
#3EB489 - Soft Malachite
#33CC70 - Medium Light Soft Mint
#54D494 - Medium Light Soft Malachite
#54D487 - Medium Dark Bright Turquoise
#15C19F - Emerald
#50C878 - Medium Dark Bright Seafoam
#15C17C - Medium Light Soft Seafoam
#54D4A1
More green shades
- Palest Bright Seafoam
#D1FAEA - Darkest Soft Seafoam
#0A291D - Very Dark Soft Seafoam
#124933 - Dark Soft Seafoam
#1B6A4A - Deep Soft Seafoam
#238B61 - Medium Dark Soft Seafoam
#2BAB78 - Medium Light Soft Seafoam
#54D4A1 - Light Soft Seafoam
#74DCB3 - Pale Soft Seafoam
#95E4C5 - Very Pale Soft Seafoam
#B6EDD7 - Palest Soft Seafoam
#D6F5E9
Frequently asked questions
What is the HEX code for Soft Seafoam?
The HEX code for Soft Seafoam is #33CC8F.
What is the RGB value of Soft Seafoam?
Soft Seafoam has an RGB value of 51, 204, 143 (rgb(51, 204, 143)). In HSL it is 156°, 60%, 50%.
What text color should I use on Soft Seafoam?
Use black text on Soft Seafoam. White text has a contrast ratio of 2.06:1 and black text has 10.17:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Seafoam?
The complementary color of Soft Seafoam is #CC3370. Analogous colors #33CC42 and #33BDCC also pair well.