Pale Bright Seafoam is a medium-light, saturated shade in the green color family, with a cool feel. Its HEX code is #88F2C7, which equals rgb(136, 242, 199) in RGB and hsl(156, 80%, 74%) in HSL. In print terms it converts to roughly C44 M0 Y18 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#88F2C7 - RGB
136, 242, 199 - HSL
156°, 80%, 74% - CMYK
44, 0, 18, 5 - Family
Green - Tone
Medium-light, saturated
About Pale Bright 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 15.57:1. Its complementary color is #F288B2.
Download Pale Bright 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 Bright Seafoam color codes
| HEX | #88F2C7 |
|---|---|
| RGB | rgb(136, 242, 199) |
| HSL | hsl(156, 80%, 74%) |
| HSV | 156°, 44%, 95% |
| CMYK | 44%, 0%, 18%, 5% |
| Decimal | 8975047 |
Shades and tints of Pale Bright Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBFDF6 - 100
#D7FBEC - 200
#C4F9E3 - 300
#B0F6DA - 400
#9CF4D0 - 500
#88F2C7 - 600
#71CAA6 - 700
#5BA185 - 800
#447964 - 900
#2D5142 - 950
#172821
Color harmonies for Pale Bright Seafoam
- Complementary
#F288B2≈ Pale Bright Blush - Analogous −30°
#88F292≈ Light Green - Analogous +30°
#88E7F2≈ Pale Bright Peacock - Triadic +120°
#C788F2≈ Pale Bright Violet - Triadic +240°
#F2C788≈ Pale Bright Orange - Split 150°
#F288E7≈ Pale Bright Cerise - Split 210°
#F29288≈ Pale Bright Red
Contrast and accessibility of Pale Bright Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Seafoam | Aa | 1.35:1 | Fails |
| Black text on Pale Bright Seafoam | Aa | 15.57:1 | AAA (excellent) |
CSS code for Pale Bright Seafoam
background-color: #88F2C7;color: #88F2C7;background-color: rgb(136, 242, 199);background-color: hsl(156, 80%, 74%);:root { --color-pale-bright-seafoam: #88F2C7; }class="bg-[#88F2C7]"Colors similar to Pale Bright Seafoam
- Pale Bright Mint
#88F2BD - Pale Bright Aquamarine
#88F2D2 - Pale Bright Malachite
#88F2B2 - Pale Seafoam
#7AFFCA - Pale Bright Turquoise
#88F2DD - Pale Soft Seafoam
#95E4C5 - Aquamarine
#7FFFD4 - Pale Soft Aquamarine
#95E4CD - Pale Mint
#7AFFBD - Pale Soft Mint
#95E4BD - Pale Soft Turquoise
#95E4D5 - Pale Aquamarine
#7AFFD7
More green shades
- Dark Bright Seafoam
#0D774D - Deep Bright Seafoam
#119C65 - Medium Dark Bright Seafoam
#15C17C - Bright Seafoam
#19E694 - Medium Light Bright Seafoam
#3EEAA5 - Light Bright Seafoam
#63EEB6 - Very Pale Bright Seafoam
#ACF6D8 - Palest Bright Seafoam
#D1FAEA - Darkest Soft Seafoam
#0A291D - Very Dark Soft Seafoam
#124933 - Dark Soft Seafoam
#1B6A4A
Frequently asked questions
What is the HEX code for Pale Bright Seafoam?
The HEX code for Pale Bright Seafoam is #88F2C7.
What is the RGB value of Pale Bright Seafoam?
Pale Bright Seafoam has an RGB value of 136, 242, 199 (rgb(136, 242, 199)). In HSL it is 156°, 80%, 74%.
What text color should I use on Pale Bright Seafoam?
Use black text on Pale Bright Seafoam. White text has a contrast ratio of 1.35:1 and black text has 15.57:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Seafoam?
The complementary color of Pale Bright Seafoam is #F288B2. Analogous colors #88F292 and #88E7F2 also pair well.