Pale Dusty Seafoam is a medium-light, muted shade in the green color family, with a cool feel. Its HEX code is #AFCABF, which equals rgb(175, 202, 191) in RGB and hsl(156, 20%, 74%) in HSL. In print terms it converts to roughly C13 M0 Y5 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFCABF - RGB
175, 202, 191 - HSL
156°, 20%, 74% - CMYK
13, 0, 5, 21 - Family
Green - Tone
Medium-light, muted
About Pale 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 12.02:1. Its complementary color is #CAAFBA.
Download Pale 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…
Pale Dusty Seafoam color codes
| HEX | #AFCABF |
|---|---|
| RGB | rgb(175, 202, 191) |
| HSL | hsl(156, 20%, 74%) |
| HSV | 156°, 13%, 79% |
| CMYK | 13%, 0%, 5%, 21% |
| Decimal | 11520703 |
Shades and tints of Pale Dusty Seafoam
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F6F4 - 100
#E4EDEA - 200
#D7E5DF - 300
#CADCD4 - 400
#BCD3CA - 500
#AFCABF - 600
#92A89F - 700
#75877F - 800
#586560 - 900
#3A4340 - 950
#1D2220
Color harmonies for Pale Dusty Seafoam
- Complementary
#CAAFBA≈ Pale Dusty Blush - Analogous −30°
#AFCAB2≈ Pale Dusty Green - Analogous +30°
#AFC7CA≈ Pale Dusty Peacock - Triadic +120°
#BFAFCA≈ Pale Dusty Violet - Triadic +240°
#CABFAF≈ Pale Dusty Orange - Split 150°
#CAAFC7≈ Pale Dusty Cerise - Split 210°
#CAB2AF≈ Pale Dusty Red
Contrast and accessibility of Pale Dusty Seafoam
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Seafoam | Aa | 1.75:1 | Fails |
| Black text on Pale Dusty Seafoam | Aa | 12.02:1 | AAA (excellent) |
CSS code for Pale Dusty Seafoam
background-color: #AFCABF;color: #AFCABF;background-color: rgb(175, 202, 191);background-color: hsl(156, 20%, 74%);:root { --color-pale-dusty-seafoam: #AFCABF; }class="bg-[#AFCABF]"Colors similar to Pale Dusty Seafoam
- Pale Dusty Mint
#AFCABD - Pale Dusty Aquamarine
#AFCAC2 - Pale Dusty Malachite
#AFCABA - Pale Dusty Turquoise
#AFCAC5 - Pale Dusty Jade
#AFCAB7 - Pale Dusty Teal
#AFCAC7 - Pale Dusty Emerald
#AFCAB5 - Pale Dusty Cyan
#AFCACA - Pale Dusty Lagoon
#AFC7CA - Pale Dusty Peacock
#AFC5CA - Pale Dusty Kelly
#AFCAB2 - Pale Dusty Capri
#AFC2CA
More green shades
- Dark Dusty Seafoam
#355045 - Deep Dusty Seafoam
#45685A - Medium Dark Dusty Seafoam
#56816F - Dusty Seafoam
#669985 - Medium Light Dusty Seafoam
#7EA998 - Light Dusty Seafoam
#97BAAC - Very Pale Dusty Seafoam
#C8DAD3 - Palest Dusty Seafoam
#E0EBE7 - Darkest Aquamarine
#003324 - Very Dark Aquamarine
#005C40 - Dark Aquamarine
#00855D
Frequently asked questions
What is the HEX code for Pale Dusty Seafoam?
The HEX code for Pale Dusty Seafoam is #AFCABF.
What is the RGB value of Pale Dusty Seafoam?
Pale Dusty Seafoam has an RGB value of 175, 202, 191 (rgb(175, 202, 191)). In HSL it is 156°, 20%, 74%.
What text color should I use on Pale Dusty Seafoam?
Use black text on Pale Dusty Seafoam. White text has a contrast ratio of 1.75:1 and black text has 12.02:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Seafoam?
The complementary color of Pale Dusty Seafoam is #CAAFBA. Analogous colors #AFCAB2 and #AFC7CA also pair well.