Light Dusty Mint is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #97BAA8, which equals rgb(151, 186, 168) in RGB and hsl(149, 20%, 66%) in HSL. In print terms it converts to roughly C19 M0 Y10 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#97BAA8 - RGB
151, 186, 168 - HSL
149°, 20%, 66% - CMYK
19, 0, 10, 27 - Family
Green - Tone
Medium-light, muted
About Light 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 9.90:1. Its complementary color is #BA97A9.
Download Light 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…
Light Dusty Mint color codes
| HEX | #97BAA8 |
|---|---|
| RGB | rgb(151, 186, 168) |
| HSL | hsl(149, 20%, 66%) |
| HSV | 149°, 19%, 73% |
| CMYK | 19%, 0%, 10%, 27% |
| Decimal | 9943720 |
Shades and tints of Light Dusty Mint
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEF4F1 - 100
#DCE8E2 - 200
#CBDDD4 - 300
#BAD1C5 - 400
#A8C6B7 - 500
#97BAA8 - 600
#7E9B8C - 700
#657C70 - 800
#4C5D54 - 900
#323E38 - 950
#191F1C
Color harmonies for Light Dusty Mint
- Complementary
#BA97A9≈ Light Dusty Blush - Analogous −30°
#98BA97≈ Light Dusty Green - Analogous +30°
#97BAB9≈ Light Dusty Cyan - Triadic +120°
#A897BA≈ Light Dusty Periwinkle - Triadic +240°
#BAA897≈ Light Dusty Persimmon - Split 150°
#B997BA≈ Light Dusty Magenta - Split 210°
#BA9798≈ Light Dusty Red
Contrast and accessibility of Light Dusty Mint
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Mint | Aa | 2.12:1 | Fails |
| Black text on Light Dusty Mint | Aa | 9.90:1 | AAA (excellent) |
CSS code for Light Dusty Mint
background-color: #97BAA8;color: #97BAA8;background-color: rgb(151, 186, 168);background-color: hsl(149, 20%, 66%);:root { --color-light-dusty-mint: #97BAA8; }class="bg-[#97BAA8]"Colors similar to Light Dusty Mint
- Light Dusty Malachite
#97BAA5 - Light Dusty Seafoam
#97BAAC - Light Dusty Jade
#97BAA1 - Light Dusty Aquamarine
#97BAAF - Light Dusty Emerald
#97BA9E - Light Dusty Turquoise
#97BAB3 - Light Dusty Kelly
#97BA9A - Light Dusty Teal
#97BAB6 - Light Dusty Green
#97BA97 - Light Dusty Shamrock
#9ABA97 - Light Dusty Cyan
#97BABA - Light Dusty Clover
#9EBA97
More green shades
- Very Dark Dusty Mint
#25372E - Dark Dusty Mint
#355042 - Deep Dusty Mint
#456857 - Medium Dark Dusty Mint
#56816B - Dusty Mint
#669980 - Medium Light Dusty Mint
#7EA994 - Pale Dusty Mint
#AFCABD - Very Pale Dusty Mint
#C8DAD1 - Palest Dusty Mint
#E0EBE6 - Darkest Seafoam
#00331F - Very Dark Seafoam
#005C37
Frequently asked questions
What is the HEX code for Light Dusty Mint?
The HEX code for Light Dusty Mint is #97BAA8.
What is the RGB value of Light Dusty Mint?
Light Dusty Mint has an RGB value of 151, 186, 168 (rgb(151, 186, 168)). In HSL it is 149°, 20%, 66%.
What text color should I use on Light Dusty Mint?
Use black text on Light Dusty Mint. White text has a contrast ratio of 2.12:1 and black text has 9.90:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Mint?
The complementary color of Light Dusty Mint is #BA97A9. Analogous colors #98BA97 and #97BAB9 also pair well.