Soft Mint is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #33CC80, which equals rgb(51, 204, 128) in RGB and hsl(150, 60%, 50%) in HSL. In print terms it converts to roughly C75 M0 Y37 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33CC80 - RGB
51, 204, 128 - HSL
150°, 60%, 50% - CMYK
75, 0, 37, 20 - Family
Green - Tone
Medium, saturated
About Soft Mint
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.09:1. Its complementary color is #CC3380.
Download Soft Mint 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 Mint color codes
| HEX | #33CC80 |
|---|---|
| RGB | rgb(51, 204, 128) |
| HSL | hsl(150, 60%, 50%) |
| HSV | 150°, 75%, 80% |
| CMYK | 75%, 0%, 37%, 20% |
| Decimal | 3394688 |
Shades and tints of Soft Mint
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF7EA - 100
#BBEED5 - 200
#99E6C0 - 300
#77DDAA - 400
#55D595 - 500
#33CC80 - 600
#2BAA6B - 700
#228855 - 800
#1A6640 - 900
#11442B - 950
#092215
Color harmonies for Soft Mint
- Complementary
#CC3380≈ Soft Rose - Analogous −30°
#33CC33≈ Lime Green - Analogous +30°
#33CCCC≈ Soft Teal - Triadic +120°
#8033CC≈ Soft Violet - Triadic +240°
#CC8033≈ Bronze - Split 150°
#CC33CC≈ Soft Fuchsia - Split 210°
#CC3333≈ Soft Cardinal
Contrast and accessibility of Soft Mint
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Mint | Aa | 2.08:1 | Fails |
| Black text on Soft Mint | Aa | 10.09:1 | AAA (excellent) |
CSS code for Soft Mint
background-color: #33CC80;color: #33CC80;background-color: rgb(51, 204, 128);background-color: hsl(150, 60%, 50%);:root { --color-soft-mint: #33CC80; }class="bg-[#33CC80]"Colors similar to Soft Mint
- Soft Seafoam
#33CC8F - Soft Malachite
#33CC70 - Emerald
#50C878 - Medium Dark Bright Seafoam
#15C17C - Soft Aquamarine
#33CC9E - Soft Jade
#33CC61 - Mint
#3EB489 - Medium Light Soft Jade
#54D47A - Medium Light Soft Malachite
#54D487 - Medium Dark Bright Aquamarine
#15C18D - Medium Sea Green
#3CB371 - Medium Dark Bright Mint
#15C16B
More green shades
- Palest Bright Mint
#D1FAE6 - Darkest Soft Mint
#0A291A - Very Dark Soft Mint
#12492E - Dark Soft Mint
#1B6A42 - Deep Soft Mint
#238B57 - Medium Dark Soft Mint
#2BAB6B - Medium Light Soft Mint
#54D494 - Light Soft Mint
#74DCA8 - Pale Soft Mint
#95E4BD - Very Pale Soft Mint
#B6EDD1 - Palest Soft Mint
#D6F5E6
Frequently asked questions
What is the HEX code for Soft Mint?
The HEX code for Soft Mint is #33CC80.
What is the RGB value of Soft Mint?
Soft Mint has an RGB value of 51, 204, 128 (rgb(51, 204, 128)). In HSL it is 150°, 60%, 50%.
What text color should I use on Soft Mint?
Use black text on Soft Mint. White text has a contrast ratio of 2.08:1 and black text has 10.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Mint?
The complementary color of Soft Mint is #CC3380. Analogous colors #33CC33 and #33CCCC also pair well.