Light Muted Seafoam is a medium-light, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #86CBAF, which equals rgb(134, 203, 175) in RGB and hsl(156, 40%, 66%) in HSL. In print terms it converts to roughly C34 M0 Y14 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#86CBAF - RGB
134, 203, 175 - HSL
156°, 40%, 66% - CMYK
34, 0, 14, 20 - Family
Green - Tone
Medium-light, moderately saturated
About Light Muted 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 11.18:1. Its complementary color is #CB86A1.
Download Light Muted 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 Muted Seafoam color codes
| HEX | #86CBAF |
|---|---|
| RGB | rgb(134, 203, 175) |
| HSL | hsl(156, 40%, 66%) |
| HSV | 156°, 34%, 80% |
| CMYK | 34%, 0%, 14%, 20% |
| Decimal | 8833967 |
Shades and tints of Light Muted Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBF6F2 - 100
#D7EEE4 - 200
#C3E5D7 - 300
#AEDCCA - 400
#9AD4BC - 500
#86CBAF - 600
#70A992 - 700
#598775 - 800
#436658 - 900
#2D443A - 950
#16221D
Color harmonies for Light Muted Seafoam
- Complementary
#CB86A1≈ Light Muted Blush - Analogous −30°
#86CB8D≈ Light Muted Emerald - Analogous +30°
#86C4CB≈ Light Muted Cyan - Triadic +120°
#AF86CB≈ Light Muted Violet - Triadic +240°
#CBAF86≈ Light Muted Orange - Split 150°
#CB86C4≈ Light Muted Magenta - Split 210°
#CB8D86≈ Light Muted Vermilion
Contrast and accessibility of Light Muted Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Seafoam | Aa | 1.88:1 | Fails |
| Black text on Light Muted Seafoam | Aa | 11.18:1 | AAA (excellent) |
CSS code for Light Muted Seafoam
background-color: #86CBAF;color: #86CBAF;background-color: rgb(134, 203, 175);background-color: hsl(156, 40%, 66%);:root { --color-light-muted-seafoam: #86CBAF; }class="bg-[#86CBAF]"Colors similar to Light Muted Seafoam
- Light Muted Mint
#86CBA8 - Light Muted Aquamarine
#86CBB6 - Light Muted Malachite
#86CBA1 - Light Muted Turquoise
#86CBBD - Light Muted Jade
#86CB9A - Light Muted Teal
#86CBC4 - Light Dusty Aquamarine
#97BAAF - Light Dusty Seafoam
#97BAAC - Light Dusty Turquoise
#97BAB3 - Light Muted Emerald
#86CB93 - Light Muted Cyan
#86CBCB - Light Soft Seafoam
#74DCB3
More green shades
- Very Dark Muted Seafoam
#1C4032 - Dark Muted Seafoam
#285D48 - Deep Muted Seafoam
#34795E - Medium Dark Muted Seafoam
#409674 - Muted Seafoam
#4DB28A - Medium Light Muted Seafoam
#69BF9C - Pale Muted Seafoam
#A2D7C2 - Very Pale Muted Seafoam
#BFE3D5 - Palest Muted Seafoam
#DBF0E8 - Very Dark Dusty Seafoam
#253730 - Dark Dusty Seafoam
#355045
Frequently asked questions
What is the HEX code for Light Muted Seafoam?
The HEX code for Light Muted Seafoam is #86CBAF.
What is the RGB value of Light Muted Seafoam?
Light Muted Seafoam has an RGB value of 134, 203, 175 (rgb(134, 203, 175)). In HSL it is 156°, 40%, 66%.
What text color should I use on Light Muted Seafoam?
Use black text on Light Muted Seafoam. White text has a contrast ratio of 1.88:1 and black text has 11.18:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Seafoam?
The complementary color of Light Muted Seafoam is #CB86A1. Analogous colors #86CB8D and #86C4CB also pair well.