Dark Seafoam is a dark, vivid shade in the green color family, with a cool feel. Its HEX code is #008550, which equals rgb(0, 133, 80) in RGB and hsl(156, 100%, 26%) in HSL. In print terms it converts to roughly C100 M0 Y40 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#008550 - RGB
0, 133, 80 - HSL
156°, 100%, 26% - CMYK
100, 0, 40, 48 - Family
Green - Tone
Dark, vivid
About Dark 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 white is the most readable choice on this color, with a contrast ratio of 4.70:1. Its complementary color is #850035.
Download Dark 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…
Dark Seafoam color codes
| HEX | #008550 |
|---|---|
| RGB | rgb(0, 133, 80) |
| HSL | hsl(156, 100%, 26%) |
| HSV | 156°, 100%, 52% |
| CMYK | 100%, 0%, 40%, 48% |
| Decimal | 34128 |
Shades and tints of Dark Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5EBE2 - 100
#AAD6C5 - 200
#80C2A8 - 300
#55AE8A - 400
#2B996D - 500
#008550 - 600
#006F43 - 700
#005935 - 800
#004328 - 900
#002C1B - 950
#00160D
Color harmonies for Dark Seafoam
- Complementary
#850035≈ Dark Blush - Analogous −30°
#00850D≈ Dark Green Tone - Analogous +30°
#007785≈ Teal - Triadic +120°
#500085≈ Indigo - Triadic +240°
#855000≈ Dark Amber - Split 150°
#850077≈ Purple - Split 210°
#850D00≈ Dark Red Tone
Contrast and accessibility of Dark Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Seafoam | Aa | 4.70:1 | AA (good) |
| Black text on Dark Seafoam | Aa | 4.47:1 | AA Large only |
CSS code for Dark Seafoam
background-color: #008550;color: #008550;background-color: rgb(0, 133, 80);background-color: hsl(156, 100%, 26%);:root { --color-dark-seafoam: #008550; }class="bg-[#008550]"Colors similar to Dark Seafoam
- Dark Aquamarine
#00855D - Dark Mint
#008542 - Dark Bright Seafoam
#0D774D - Dark Bright Aquamarine
#0D7758 - Dark Bright Mint
#0D7742 - Dark Turquoise Tone
#00856A - Dark Bright Turquoise
#0D7762 - Dark Malachite
#008535 - Deep Soft Malachite
#238B4C - Deep Soft Mint
#238B57 - Dark Bright Malachite
#0D7738 - Deep Bright Malachite
#119C49
More green shades
- Light Dusty Mint
#97BAA8 - Pale Dusty Mint
#AFCABD - Very Pale Dusty Mint
#C8DAD1 - Palest Dusty Mint
#E0EBE6 - Darkest Seafoam
#00331F - Very Dark Seafoam
#005C37 - Deep Seafoam
#00AD68 - Medium Dark Seafoam
#00D681 - Pure Seafoam
#00FF99 - Medium Light Seafoam
#29FFA9 - Light Seafoam
#52FFBA
Frequently asked questions
What is the HEX code for Dark Seafoam?
The HEX code for Dark Seafoam is #008550.
What is the RGB value of Dark Seafoam?
Dark Seafoam has an RGB value of 0, 133, 80 (rgb(0, 133, 80)). In HSL it is 156°, 100%, 26%.
What text color should I use on Dark Seafoam?
Use white text on Dark Seafoam. White text has a contrast ratio of 4.70:1 and black text has 4.47:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Seafoam?
The complementary color of Dark Seafoam is #850035. Analogous colors #00850D and #007785 also pair well.