Light Dusty Seafoam is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #97BAAC, which equals rgb(151, 186, 172) in RGB and hsl(156, 20%, 66%) in HSL. In print terms it converts to roughly C19 M0 Y8 K27, although exact CMYK results depend on the paper and color profile.
- HEX
#97BAAC - RGB
151, 186, 172 - HSL
156°, 20%, 66% - CMYK
19, 0, 8, 27 - Family
Green - Tone
Medium-light, muted
About Light 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. 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 9.94:1. Its complementary color is #BA97A5.
Download Light 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…
Light Dusty Seafoam color codes
| HEX | #97BAAC |
|---|---|
| RGB | rgb(151, 186, 172) |
| HSL | hsl(156, 20%, 66%) |
| HSV | 156°, 19%, 73% |
| CMYK | 19%, 0%, 8%, 27% |
| Decimal | 9943724 |
Shades and tints of Light Dusty Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EEF4F1 - 100
#DCE8E3 - 200
#CBDDD6 - 300
#BAD1C8 - 400
#A8C6BA - 500
#97BAAC - 600
#7E9B8F - 700
#657C73 - 800
#4C5D56 - 900
#323E39 - 950
#191F1D
Color harmonies for Light Dusty Seafoam
- Complementary
#BA97A5≈ Light Dusty Blush - Analogous −30°
#97BA9A≈ Light Dusty Green - Analogous +30°
#97B6BA≈ Light Dusty Peacock - Triadic +120°
#AC97BA≈ Light Dusty Grape - Triadic +240°
#BAAC97≈ Light Dusty Amber - Split 150°
#BA97B6≈ Light Dusty Cerise - Split 210°
#BA9A97≈ Light Dusty Red
Contrast and accessibility of Light Dusty Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Dusty Seafoam | Aa | 2.11:1 | Fails |
| Black text on Light Dusty Seafoam | Aa | 9.94:1 | AAA (excellent) |
CSS code for Light Dusty Seafoam
background-color: #97BAAC;color: #97BAAC;background-color: rgb(151, 186, 172);background-color: hsl(156, 20%, 66%);:root { --color-light-dusty-seafoam: #97BAAC; }class="bg-[#97BAAC]"Colors similar to Light Dusty Seafoam
- Light Dusty Aquamarine
#97BAAF - Light Dusty Mint
#97BAA8 - Light Dusty Malachite
#97BAA5 - Light Dusty Turquoise
#97BAB3 - Light Dusty Teal
#97BAB6 - Light Dusty Jade
#97BAA1 - Light Dusty Emerald
#97BA9E - Light Dusty Cyan
#97BABA - Light Dusty Lagoon
#97B6BA - Light Dusty Peacock
#97B3BA - Light Dusty Kelly
#97BA9A - Light Dusty Capri
#97AFBA
More green shades
- Very Dark Dusty Seafoam
#253730 - Dark Dusty Seafoam
#355045 - Deep Dusty Seafoam
#45685A - Medium Dark Dusty Seafoam
#56816F - Dusty Seafoam
#669985 - Medium Light Dusty Seafoam
#7EA998 - Pale Dusty Seafoam
#AFCABF - Very Pale Dusty Seafoam
#C8DAD3 - Palest Dusty Seafoam
#E0EBE7 - Darkest Aquamarine
#003324 - Very Dark Aquamarine
#005C40
Frequently asked questions
What is the HEX code for Light Dusty Seafoam?
The HEX code for Light Dusty Seafoam is #97BAAC.
What is the RGB value of Light Dusty Seafoam?
Light Dusty Seafoam has an RGB value of 151, 186, 172 (rgb(151, 186, 172)). In HSL it is 156°, 20%, 66%.
What text color should I use on Light Dusty Seafoam?
Use black text on Light Dusty Seafoam. White text has a contrast ratio of 2.11:1 and black text has 9.94:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Dusty Seafoam?
The complementary color of Light Dusty Seafoam is #BA97A5. Analogous colors #97BA9A and #97B6BA also pair well.