Palest Seafoam is a very light, vivid shade in the green color family, with a cool feel. Its HEX code is #CCFFEB, which equals rgb(204, 255, 235) in RGB and hsl(156, 100%, 90%) in HSL. In print terms it converts to roughly C20 M0 Y8 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCFFEB - RGB
204, 255, 235 - HSL
156°, 100%, 90% - CMYK
20, 0, 8, 0 - Family
Green - Tone
Very light, vivid
About Palest 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 19.07:1. Its complementary color is #FFCCE0.
Download Palest 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…
Palest Seafoam color codes
| HEX | #CCFFEB |
|---|---|
| RGB | rgb(204, 255, 235) |
| HSL | hsl(156, 100%, 90%) |
| HSV | 156°, 20%, 100% |
| CMYK | 20%, 0%, 8%, 0% |
| Decimal | 13434859 |
Shades and tints of Palest Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FFFC - 100
#EEFFF8 - 200
#E6FFF5 - 300
#DDFFF2 - 400
#D5FFEE - 500
#CCFFEB - 600
#AAD5C4 - 700
#88AA9D - 800
#668076 - 900
#44554E - 950
#222B27
Color harmonies for Palest Seafoam
- Complementary
#FFCCE0≈ Palest Ruby - Analogous −30°
#CCFFD1≈ Palest Green - Analogous +30°
#CCFAFF≈ Palest Cyan - Triadic +120°
#EBCCFF≈ Palest Grape - Triadic +240°
#FFEBCC≈ Blanched Almond - Split 150°
#FFCCFA≈ Palest Magenta - Split 210°
#FFD1CC≈ Palest Red
Contrast and accessibility of Palest Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Seafoam | Aa | 1.10:1 | Fails |
| Black text on Palest Seafoam | Aa | 19.07:1 | AAA (excellent) |
CSS code for Palest Seafoam
background-color: #CCFFEB;color: #CCFFEB;background-color: rgb(204, 255, 235);background-color: hsl(156, 100%, 90%);:root { --color-palest-seafoam: #CCFFEB; }class="bg-[#CCFFEB]"Colors similar to Palest Seafoam
- Palest Mint
#CCFFE6 - Palest Aquamarine
#CCFFF0 - Palest Bright Seafoam
#D1FAEA - Palest Bright Aquamarine
#D1FAEE - Palest Turquoise
#CCFFF5 - Palest Bright Mint
#D1FAE6 - Palest Malachite
#CCFFE0 - Palest Bright Turquoise
#D1FAF2 - Palest Bright Malachite
#D1FAE1 - Palest Bright Teal
#D1FAF6 - Palest Teal
#CCFFFA - Palest Jade
#CCFFDB
More green shades
- Medium Dark Seafoam
#00D681 - Pure Seafoam
#00FF99 - Medium Light Seafoam
#29FFA9 - Light Seafoam
#52FFBA - Pale Seafoam
#7AFFCA - Very Pale Seafoam
#A3FFDA - Darkest Bright Seafoam
#052E1E - Very Dark Bright Seafoam
#095335 - Dark Bright Seafoam
#0D774D - Deep Bright Seafoam
#119C65 - Medium Dark Bright Seafoam
#15C17C
Frequently asked questions
What is the HEX code for Palest Seafoam?
The HEX code for Palest Seafoam is #CCFFEB.
What is the RGB value of Palest Seafoam?
Palest Seafoam has an RGB value of 204, 255, 235 (rgb(204, 255, 235)). In HSL it is 156°, 100%, 90%.
What text color should I use on Palest Seafoam?
Use black text on Palest Seafoam. White text has a contrast ratio of 1.10:1 and black text has 19.07:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Seafoam?
The complementary color of Palest Seafoam is #FFCCE0. Analogous colors #CCFFD1 and #CCFAFF also pair well.