Dark Muted Seafoam is a dark, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #285D48, which equals rgb(40, 93, 72) in RGB and hsl(156, 40%, 26%) in HSL. In print terms it converts to roughly C57 M0 Y23 K64, although exact CMYK results depend on the paper and color profile.
- HEX
#285D48 - RGB
40, 93, 72 - HSL
156°, 40%, 26% - CMYK
57, 0, 23, 64 - Family
Green - Tone
Dark, moderately saturated
About Dark 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 7.64:1. Its complementary color is #5D283D.
Download Dark 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…
Dark Muted Seafoam color codes
| HEX | #285D48 |
|---|---|
| RGB | rgb(40, 93, 72) |
| HSL | hsl(156, 40%, 26%) |
| HSV | 156°, 57%, 36% |
| CMYK | 57%, 0%, 23%, 64% |
| Decimal | 2645320 |
Shades and tints of Dark Muted Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DBE4E1 - 100
#B7C9C2 - 200
#94AEA4 - 300
#709385 - 400
#4C7867 - 500
#285D48 - 600
#214E3C - 700
#1B3E30 - 800
#142F24 - 900
#0D1F18 - 950
#07100C
Color harmonies for Dark Muted Seafoam
- Complementary
#5D283D≈ Dark Muted Blush - Analogous −30°
#285D2D≈ Dark Muted Green - Analogous +30°
#28585D≈ Dark Muted Cyan - Triadic +120°
#48285D≈ Dark Muted Grape - Triadic +240°
#5D4828≈ Dark Muted Amber - Split 150°
#5D2858≈ Dark Muted Magenta - Split 210°
#5D2D28≈ Dark Muted Red
Contrast and accessibility of Dark Muted Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Muted Seafoam | Aa | 7.64:1 | AAA (excellent) |
| Black text on Dark Muted Seafoam | Aa | 2.75:1 | Fails |
CSS code for Dark Muted Seafoam
background-color: #285D48;color: #285D48;background-color: rgb(40, 93, 72);background-color: hsl(156, 40%, 26%);:root { --color-dark-muted-seafoam: #285D48; }class="bg-[#285D48]"Colors similar to Dark Muted Seafoam
- Dark Muted Aquamarine
#285D4D - Dark Muted Mint
#285D42 - Dark Muted Turquoise
#285D52 - Dark Muted Malachite
#285D3D - Dark Muted Jade
#285D38 - Dark Muted Teal
#285D58 - Hunter Green
#355E3B - Dark Slate Gray
#2F4F4F - Dark Dusty Aquamarine
#355048 - Dark Soft Seafoam
#1B6A4A - Dark Dusty Turquoise
#35504A - Dark Dusty Seafoam
#355045
More green shades
- Light Soft Seafoam
#74DCB3 - Pale Soft Seafoam
#95E4C5 - Very Pale Soft Seafoam
#B6EDD7 - Palest Soft Seafoam
#D6F5E9 - Darkest Muted Seafoam
#0F241C - Very Dark Muted Seafoam
#1C4032 - Deep Muted Seafoam
#34795E - Medium Dark Muted Seafoam
#409674 - Muted Seafoam
#4DB28A - Medium Light Muted Seafoam
#69BF9C - Light Muted Seafoam
#86CBAF
Frequently asked questions
What is the HEX code for Dark Muted Seafoam?
The HEX code for Dark Muted Seafoam is #285D48.
What is the RGB value of Dark Muted Seafoam?
Dark Muted Seafoam has an RGB value of 40, 93, 72 (rgb(40, 93, 72)). In HSL it is 156°, 40%, 26%.
What text color should I use on Dark Muted Seafoam?
Use white text on Dark Muted Seafoam. White text has a contrast ratio of 7.64:1 and black text has 2.75:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Muted Seafoam?
The complementary color of Dark Muted Seafoam is #5D283D. Analogous colors #285D2D and #28585D also pair well.