Medium Light Soft Seafoam is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #54D4A1, which equals rgb(84, 212, 161) in RGB and hsl(156, 60%, 58%) in HSL. In print terms it converts to roughly C60 M0 Y24 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#54D4A1 - RGB
84, 212, 161 - HSL
156°, 60%, 58% - CMYK
60, 0, 24, 17 - Family
Green - Tone
Medium, saturated
About Medium Light 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. 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 11.31:1. Its complementary color is #D45487.
Download Medium Light 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…
Medium Light Soft Seafoam color codes
| HEX | #54D4A1 |
|---|---|
| RGB | rgb(84, 212, 161) |
| HSL | hsl(156, 60%, 58%) |
| HSV | 156°, 60%, 83% |
| CMYK | 60%, 0%, 24%, 17% |
| Decimal | 5559457 |
Shades and tints of Medium Light Soft Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3F8EF - 100
#C6F1E0 - 200
#AAEAD0 - 300
#8DE2C0 - 400
#71DBB1 - 500
#54D4A1 - 600
#46B186 - 700
#388D6B - 800
#2A6A51 - 900
#1C4736 - 950
#0E231B
Color harmonies for Medium Light Soft Seafoam
- Complementary
#D45487≈ Medium Light Soft Blush - Analogous −30°
#54D460≈ Medium Light Soft Green - Analogous +30°
#54C7D4≈ Medium Light Soft Cyan - Triadic +120°
#A154D4≈ Medium Light Soft Violet - Triadic +240°
#D4A154≈ Medium Light Soft Orange - Split 150°
#D454C7≈ Medium Light Soft Magenta - Split 210°
#D46054≈ Indian Red
Contrast and accessibility of Medium Light Soft Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Light Soft Seafoam | Aa | 1.86:1 | Fails |
| Black text on Medium Light Soft Seafoam | Aa | 11.31:1 | AAA (excellent) |
CSS code for Medium Light Soft Seafoam
background-color: #54D4A1;color: #54D4A1;background-color: rgb(84, 212, 161);background-color: hsl(156, 60%, 58%);:root { --color-medium-light-soft-seafoam: #54D4A1; }class="bg-[#54D4A1]"Colors similar to Medium Light Soft Seafoam
- Medium Light Soft Mint
#54D494 - Medium Light Soft Aquamarine
#54D4AE - Medium Aquamarine
#66CDAA - Medium Light Soft Turquoise
#54D4BA - Medium Light Soft Malachite
#54D487 - Light Soft Malachite
#74DC9E - Soft Aquamarine
#33CC9E - Light Soft Mint
#74DCA8 - Medium Light Muted Aquamarine
#69BFA5 - Medium Light Muted Seafoam
#69BF9C - Medium Light Bright Seafoam
#3EEAA5 - Soft Turquoise
#33CCAD
More green shades
- Darkest Soft Seafoam
#0A291D - Very Dark Soft Seafoam
#124933 - Dark Soft Seafoam
#1B6A4A - Deep Soft Seafoam
#238B61 - Medium Dark Soft Seafoam
#2BAB78 - Soft Seafoam
#33CC8F - Light Soft Seafoam
#74DCB3 - Pale Soft Seafoam
#95E4C5 - Very Pale Soft Seafoam
#B6EDD7 - Palest Soft Seafoam
#D6F5E9 - Darkest Muted Seafoam
#0F241C
Frequently asked questions
What is the HEX code for Medium Light Soft Seafoam?
The HEX code for Medium Light Soft Seafoam is #54D4A1.
What is the RGB value of Medium Light Soft Seafoam?
Medium Light Soft Seafoam has an RGB value of 84, 212, 161 (rgb(84, 212, 161)). In HSL it is 156°, 60%, 58%.
What text color should I use on Medium Light Soft Seafoam?
Use black text on Medium Light Soft Seafoam. White text has a contrast ratio of 1.86:1 and black text has 11.31:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Light Soft Seafoam?
The complementary color of Medium Light Soft Seafoam is #D45487. Analogous colors #54D460 and #54C7D4 also pair well.