Light Seafoam is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #52FFBA, which equals rgb(82, 255, 186) in RGB and hsl(156, 100%, 66%) in HSL. In print terms it converts to roughly C68 M0 Y27 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#52FFBA - RGB
82, 255, 186 - HSL
156°, 100%, 66% - CMYK
68, 0, 27, 0 - Family
Green - Tone
Medium-light, vivid
About Light 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 16.37:1. Its complementary color is #FF5297.
Download Light 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…
Light Seafoam color codes
| HEX | #52FFBA |
|---|---|
| RGB | rgb(82, 255, 186) |
| HSL | hsl(156, 100%, 66%) |
| HSV | 156°, 68%, 100% |
| CMYK | 68%, 0%, 27%, 0% |
| Decimal | 5439418 |
Shades and tints of Light Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2FFF4 - 100
#C5FFE8 - 200
#A9FFDD - 300
#8CFFD1 - 400
#6FFFC6 - 500
#52FFBA - 600
#44D59B - 700
#37AA7C - 800
#29805D - 900
#1B553E - 950
#0E2B1F
Color harmonies for Light Seafoam
- Complementary
#FF5297≈ Light Blush - Analogous −30°
#52FF63≈ Light Green Tone - Analogous +30°
#52EEFF≈ Light Cyan Tone - Triadic +120°
#BA52FF≈ Light Grape - Triadic +240°
#FFBA52≈ Light Amber - Split 150°
#FF52EE≈ Light Magenta - Split 210°
#FF6352≈ Tomato
Contrast and accessibility of Light Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Seafoam | Aa | 1.28:1 | Fails |
| Black text on Light Seafoam | Aa | 16.37:1 | AAA (excellent) |
CSS code for Light Seafoam
background-color: #52FFBA;color: #52FFBA;background-color: rgb(82, 255, 186);background-color: hsl(156, 100%, 66%);:root { --color-light-seafoam: #52FFBA; }class="bg-[#52FFBA]"Colors similar to Light Seafoam
- Light Aquamarine
#52FFCB - Light Mint
#52FFA8 - Light Bright Seafoam
#63EEB6 - Light Bright Aquamarine
#63EEC4 - Light Bright Mint
#63EEA8 - Medium Light Bright Aquamarine
#3EEAB6 - Light Turquoise
#52FFDC - Medium Light Bright Turquoise
#3EEAC7 - Light Malachite
#52FF97 - Light Bright Turquoise
#63EED2 - Medium Light Aquamarine
#29FFBF - Pale Mint
#7AFFBD
More green shades
- Very Dark Seafoam
#005C37 - Dark Seafoam
#008550 - Deep Seafoam
#00AD68 - Medium Dark Seafoam
#00D681 - Pure Seafoam
#00FF99 - Medium Light Seafoam
#29FFA9 - Pale Seafoam
#7AFFCA - Very Pale Seafoam
#A3FFDA - Palest Seafoam
#CCFFEB - Darkest Bright Seafoam
#052E1E - Very Dark Bright Seafoam
#095335
Frequently asked questions
What is the HEX code for Light Seafoam?
The HEX code for Light Seafoam is #52FFBA.
What is the RGB value of Light Seafoam?
Light Seafoam has an RGB value of 82, 255, 186 (rgb(82, 255, 186)). In HSL it is 156°, 100%, 66%.
What text color should I use on Light Seafoam?
Use black text on Light Seafoam. White text has a contrast ratio of 1.28:1 and black text has 16.37:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Seafoam?
The complementary color of Light Seafoam is #FF5297. Analogous colors #52FF63 and #52EEFF also pair well.