Dusty Seafoam is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #669985, which equals rgb(102, 153, 133) in RGB and hsl(156, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y13 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669985 - RGB
102, 153, 133 - HSL
156°, 20%, 50% - CMYK
33, 0, 13, 40 - Family
Green - Tone
Medium, muted
About 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 black is the most readable choice on this color, with a contrast ratio of 6.46:1. Its complementary color is #99667A.
Download 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…
Dusty Seafoam color codes
| HEX | #669985 |
|---|---|
| RGB | rgb(102, 153, 133) |
| HSL | hsl(156, 20%, 50%) |
| HSV | 156°, 33%, 60% |
| CMYK | 33%, 0%, 13%, 40% |
| Decimal | 6723973 |
Shades and tints of Dusty Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEEB - 100
#CCDDD6 - 200
#B3CCC2 - 300
#99BBAE - 400
#80AA99 - 500
#669985 - 600
#55806F - 700
#446659 - 800
#334D43 - 900
#22332C - 950
#111A16
Color harmonies for Dusty Seafoam
- Complementary
#99667A≈ Dusty Ruby - Analogous −30°
#66996B≈ Dusty Green - Analogous +30°
#669499≈ Dusty Cyan - Triadic +120°
#856699≈ Dusty Grape - Triadic +240°
#998566≈ Dusty Orange - Split 150°
#996694≈ Dusty Magenta - Split 210°
#996B66≈ Dusty Red
Contrast and accessibility of Dusty Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Seafoam | Aa | 3.25:1 | AA Large only |
| Black text on Dusty Seafoam | Aa | 6.46:1 | AA (good) |
CSS code for Dusty Seafoam
background-color: #669985;color: #669985;background-color: rgb(102, 153, 133);background-color: hsl(156, 20%, 50%);:root { --color-dusty-seafoam: #669985; }class="bg-[#669985]"Colors similar to Dusty Seafoam
- Dusty Mint
#669980 - Dusty Aquamarine
#66998A - Dusty Turquoise
#66998F - Dusty Malachite
#66997A - Dusty Teal
#669994 - Dusty Jade
#669975 - Dusty Cyan
#669999 - Dusty Lagoon
#669499 - Dusty Emerald
#669970 - Dusty Peacock
#668F99 - Dusty Kelly
#66996B - Dusty Capri
#668A99
More green shades
- Very Pale Muted Seafoam
#BFE3D5 - Palest Muted Seafoam
#DBF0E8 - Very Dark Dusty Seafoam
#253730 - Dark Dusty Seafoam
#355045 - Deep Dusty Seafoam
#45685A - Medium Dark Dusty Seafoam
#56816F - Medium Light Dusty Seafoam
#7EA998 - Light Dusty Seafoam
#97BAAC - Pale Dusty Seafoam
#AFCABF - Very Pale Dusty Seafoam
#C8DAD3 - Palest Dusty Seafoam
#E0EBE7
Frequently asked questions
What is the HEX code for Dusty Seafoam?
The HEX code for Dusty Seafoam is #669985.
What is the RGB value of Dusty Seafoam?
Dusty Seafoam has an RGB value of 102, 153, 133 (rgb(102, 153, 133)). In HSL it is 156°, 20%, 50%.
What text color should I use on Dusty Seafoam?
Use black text on Dusty Seafoam. White text has a contrast ratio of 3.25:1 and black text has 6.46:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Seafoam?
The complementary color of Dusty Seafoam is #99667A. Analogous colors #66996B and #669499 also pair well.