Dark Dusty Seafoam is a dark, muted shade in the green color family, with a cool feel. Its HEX code is #355045, which equals rgb(53, 80, 69) in RGB and hsl(156, 20%, 26%) in HSL. In print terms it converts to roughly C34 M0 Y14 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#355045 - RGB
53, 80, 69 - HSL
156°, 20%, 26% - CMYK
34, 0, 14, 69 - Family
Green - Tone
Dark, muted
About Dark Dusty 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 8.81:1. Its complementary color is #503540.
Download Dark Dusty 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 Dusty Seafoam color codes
| HEX | #355045 |
|---|---|
| RGB | rgb(53, 80, 69) |
| HSL | hsl(156, 20%, 26%) |
| HSV | 156°, 34%, 31% |
| CMYK | 34%, 0%, 14%, 69% |
| Decimal | 3493957 |
Shades and tints of Dark Dusty Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDE2E0 - 100
#BCC5C1 - 200
#9AA8A2 - 300
#788A83 - 400
#576D64 - 500
#355045 - 600
#2C433A - 700
#23352E - 800
#1B2823 - 900
#121B17 - 950
#090D0C
Color harmonies for Dark Dusty Seafoam
- Complementary
#503540≈ Dark Dusty Blush - Analogous −30°
#355038≈ Dark Dusty Emerald - Analogous +30°
#354D50≈ Dark Dusty Cyan - Triadic +120°
#453550≈ Dark Dusty Violet - Triadic +240°
#504535≈ Dark Dusty Orange - Split 150°
#50354D≈ Dark Dusty Magenta - Split 210°
#503835≈ Dark Dusty Vermilion
Contrast and accessibility of Dark Dusty Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Seafoam | Aa | 8.81:1 | AAA (excellent) |
| Black text on Dark Dusty Seafoam | Aa | 2.38:1 | Fails |
CSS code for Dark Dusty Seafoam
background-color: #355045;color: #355045;background-color: rgb(53, 80, 69);background-color: hsl(156, 20%, 26%);:root { --color-dark-dusty-seafoam: #355045; }class="bg-[#355045]"Colors similar to Dark Dusty Seafoam
- Dark Dusty Mint
#355042 - Dark Dusty Aquamarine
#355048 - Dark Dusty Malachite
#355040 - Dark Dusty Turquoise
#35504A - Dark Dusty Jade
#35503D - Dark Dusty Teal
#35504D - Dark Dusty Emerald
#35503A - Dark Dusty Cyan
#355050 - Dark Slate Gray
#2F4F4F - Dark Dusty Lagoon
#354D50 - Dark Dusty Kelly
#355038 - Dark Dusty Peacock
#354A50
More green shades
- Medium Light Muted Seafoam
#69BF9C - Light Muted Seafoam
#86CBAF - Pale Muted Seafoam
#A2D7C2 - Very Pale Muted Seafoam
#BFE3D5 - Palest Muted Seafoam
#DBF0E8 - Very Dark Dusty Seafoam
#253730 - Deep Dusty Seafoam
#45685A - Medium Dark Dusty Seafoam
#56816F - Dusty Seafoam
#669985 - Medium Light Dusty Seafoam
#7EA998 - Light Dusty Seafoam
#97BAAC
Frequently asked questions
What is the HEX code for Dark Dusty Seafoam?
The HEX code for Dark Dusty Seafoam is #355045.
What is the RGB value of Dark Dusty Seafoam?
Dark Dusty Seafoam has an RGB value of 53, 80, 69 (rgb(53, 80, 69)). In HSL it is 156°, 20%, 26%.
What text color should I use on Dark Dusty Seafoam?
Use white text on Dark Dusty Seafoam. White text has a contrast ratio of 8.81:1 and black text has 2.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Seafoam?
The complementary color of Dark Dusty Seafoam is #503540. Analogous colors #355038 and #354D50 also pair well.