Pale Seafoam is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #7AFFCA, which equals rgb(122, 255, 202) in RGB and hsl(156, 100%, 74%) in HSL. In print terms it converts to roughly C52 M0 Y21 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AFFCA - RGB
122, 255, 202 - HSL
156°, 100%, 74% - CMYK
52, 0, 21, 0 - Family
Green - Tone
Medium-light, vivid
About Pale 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 16.98:1. Its complementary color is #FF7AAF.
Download Pale 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…
Pale Seafoam color codes
| HEX | #7AFFCA |
|---|---|
| RGB | rgb(122, 255, 202) |
| HSL | hsl(156, 100%, 74%) |
| HSV | 156°, 52%, 100% |
| CMYK | 52%, 0%, 21%, 0% |
| Decimal | 8060874 |
Shades and tints of Pale Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9FFF6 - 100
#D3FFED - 200
#BDFFE5 - 300
#A6FFDC - 400
#90FFD3 - 500
#7AFFCA - 600
#66D5A8 - 700
#51AA87 - 800
#3D8065 - 900
#295543 - 950
#142B22
Color harmonies for Pale Seafoam
- Complementary
#FF7AAF≈ Pale Ruby - Analogous −30°
#7AFF88≈ Pale Emerald - Analogous +30°
#7AF2FF≈ Pale Cyan - Triadic +120°
#CA7AFF≈ Pale Violet - Triadic +240°
#FFCA7A≈ Pale Orange - Split 150°
#FF7AF2≈ Pale Magenta - Split 210°
#FF887A≈ Salmon
Contrast and accessibility of Pale Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Seafoam | Aa | 1.24:1 | Fails |
| Black text on Pale Seafoam | Aa | 16.98:1 | AAA (excellent) |
CSS code for Pale Seafoam
background-color: #7AFFCA;color: #7AFFCA;background-color: rgb(122, 255, 202);background-color: hsl(156, 100%, 74%);:root { --color-pale-seafoam: #7AFFCA; }class="bg-[#7AFFCA]"Colors similar to Pale Seafoam
- Aquamarine
#7FFFD4 - Pale Mint
#7AFFBD - Pale Aquamarine
#7AFFD7 - Pale Bright Seafoam
#88F2C7 - Pale Bright Aquamarine
#88F2D2 - Pale Bright Mint
#88F2BD - Pale Turquoise Tone
#7AFFE4 - Pale Malachite
#7AFFAF - Pale Bright Turquoise
#88F2DD - Light Bright Aquamarine
#63EEC4 - Pale Bright Malachite
#88F2B2 - Light Bright Turquoise
#63EED2
More green shades
- Dark Seafoam
#008550 - Deep Seafoam
#00AD68 - Medium Dark Seafoam
#00D681 - Pure Seafoam
#00FF99 - Medium Light Seafoam
#29FFA9 - Light Seafoam
#52FFBA - Very Pale Seafoam
#A3FFDA - Palest Seafoam
#CCFFEB - Darkest Bright Seafoam
#052E1E - Very Dark Bright Seafoam
#095335 - Dark Bright Seafoam
#0D774D
Frequently asked questions
What is the HEX code for Pale Seafoam?
The HEX code for Pale Seafoam is #7AFFCA.
What is the RGB value of Pale Seafoam?
Pale Seafoam has an RGB value of 122, 255, 202 (rgb(122, 255, 202)). In HSL it is 156°, 100%, 74%.
What text color should I use on Pale Seafoam?
Use black text on Pale Seafoam. White text has a contrast ratio of 1.24:1 and black text has 16.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Seafoam?
The complementary color of Pale Seafoam is #FF7AAF. Analogous colors #7AFF88 and #7AF2FF also pair well.