Dusty Mint is a medium, muted shade in the green color family, with a cool feel. Its HEX code is #669980, which equals rgb(102, 153, 128) in RGB and hsl(151, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y16 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669980 - RGB
102, 153, 128 - HSL
151°, 20%, 50% - CMYK
33, 0, 16, 40 - Family
Green - Tone
Medium, muted
About Dusty Mint
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 black is the most readable choice on this color, with a contrast ratio of 6.43:1. Its complementary color is #99667F.
Download Dusty Mint 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 Mint color codes
| HEX | #669980 |
|---|---|
| RGB | rgb(102, 153, 128) |
| HSL | hsl(151, 20%, 50%) |
| HSV | 151°, 33%, 60% |
| CMYK | 33%, 0%, 16%, 40% |
| Decimal | 6723968 |
Shades and tints of Dusty Mint
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEEA - 100
#CCDDD5 - 200
#B3CCC0 - 300
#99BBAA - 400
#80AA95 - 500
#669980 - 600
#55806B - 700
#446655 - 800
#334D40 - 900
#22332B - 950
#111A15
Color harmonies for Dusty Mint
- Complementary
#99667F≈ Dusty Blush - Analogous −30°
#669967≈ Dusty Green - Analogous +30°
#669899≈ Dusty Cyan - Triadic +120°
#806699≈ Dusty Violet - Triadic +240°
#998066≈ Dusty Tangerine - Split 150°
#996698≈ Dusty Magenta - Split 210°
#996766≈ Dusty Red
Contrast and accessibility of Dusty Mint
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Mint | Aa | 3.26:1 | AA Large only |
| Black text on Dusty Mint | Aa | 6.43:1 | AA (good) |
CSS code for Dusty Mint
background-color: #669980;color: #669980;background-color: rgb(102, 153, 128);background-color: hsl(151, 20%, 50%);:root { --color-dusty-mint: #669980; }class="bg-[#669980]"Colors similar to Dusty Mint
- Dusty Seafoam
#669985 - Dusty Malachite
#66997A - Dusty Aquamarine
#66998A - Dusty Jade
#669975 - Dusty Turquoise
#66998F - Dusty Emerald
#669970 - Dusty Teal
#669994 - Dusty Kelly
#66996B - Dusty Cyan
#669999 - Dusty Lagoon
#669499 - Dusty Green
#669966 - Dusty Shamrock
#6B9966
More green shades
- Very Pale Muted Mint
#BFE3D1 - Palest Muted Mint
#DBF0E6 - Very Dark Dusty Mint
#25372E - Dark Dusty Mint
#355042 - Deep Dusty Mint
#456857 - Medium Dark Dusty Mint
#56816B - Medium Light Dusty Mint
#7EA994 - Light Dusty Mint
#97BAA8 - Pale Dusty Mint
#AFCABD - Very Pale Dusty Mint
#C8DAD1 - Palest Dusty Mint
#E0EBE6
Frequently asked questions
What is the HEX code for Dusty Mint?
The HEX code for Dusty Mint is #669980.
What is the RGB value of Dusty Mint?
Dusty Mint has an RGB value of 102, 153, 128 (rgb(102, 153, 128)). In HSL it is 151°, 20%, 50%.
What text color should I use on Dusty Mint?
Use black text on Dusty Mint. White text has a contrast ratio of 3.26:1 and black text has 6.43:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Mint?
The complementary color of Dusty Mint is #99667F. Analogous colors #669967 and #669899 also pair well.