Pale Dusty Teal is a medium-light, muted shade in the blue color family, with a cool feel. Its HEX code is #AFCAC7, which equals rgb(175, 202, 199) in RGB and hsl(173, 20%, 74%) in HSL. In print terms it converts to roughly C13 M0 Y1 K21, although exact CMYK results depend on the paper and color profile.
- HEX
#AFCAC7 - RGB
175, 202, 199 - HSL
173°, 20%, 74% - CMYK
13, 0, 1, 21 - Family
Blue - Tone
Medium-light, muted
About Pale Dusty Teal
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. 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 12.10:1. Its complementary color is #CAAFB3.
Download Pale Dusty Teal 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 Teal color codes
| HEX | #AFCAC7 |
|---|---|
| RGB | rgb(175, 202, 199) |
| HSL | hsl(173, 20%, 74%) |
| HSV | 173°, 13%, 79% |
| CMYK | 13%, 0%, 1%, 21% |
| Decimal | 11520711 |
Shades and tints of Pale Dusty Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2F6F6 - 100
#E4EDEC - 200
#D7E5E3 - 300
#CADCDA - 400
#BCD3D0 - 500
#AFCAC7 - 600
#92A8A6 - 700
#758785 - 800
#586564 - 900
#3A4342 - 950
#1D2221
Color harmonies for Pale Dusty Teal
- Complementary
#CAAFB3≈ Pale Dusty Cardinal - Analogous −30°
#AFCABA≈ Pale Dusty Jade - Analogous +30°
#AFC0CA≈ Pale Dusty Azure - Triadic +120°
#C7AFCA≈ Pale Dusty Purple - Triadic +240°
#CAC7AF≈ Pale Dusty Marigold - Split 150°
#CAAFC0≈ Pale Dusty Rose - Split 210°
#CABAAF≈ Pale Dusty Cinnabar
Contrast and accessibility of Pale Dusty Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Dusty Teal | Aa | 1.74:1 | Fails |
| Black text on Pale Dusty Teal | Aa | 12.10:1 | AAA (excellent) |
CSS code for Pale Dusty Teal
background-color: #AFCAC7;color: #AFCAC7;background-color: rgb(175, 202, 199);background-color: hsl(173, 20%, 74%);:root { --color-pale-dusty-teal: #AFCAC7; }class="bg-[#AFCAC7]"Colors similar to Pale Dusty Teal
- Pale Dusty Turquoise
#AFCAC5 - Pale Dusty Cyan
#AFCACA - Pale Dusty Lagoon
#AFC7CA - Pale Dusty Aquamarine
#AFCAC2 - Pale Dusty Peacock
#AFC5CA - Pale Dusty Seafoam
#AFCABF - Pale Dusty Mint
#AFCABD - Pale Dusty Capri
#AFC2CA - Pale Dusty Malachite
#AFCABA - Pale Dusty Azure
#AFBFCA - Pale Dusty Jade
#AFCAB7 - Pale Dusty Cerulean
#AFBDCA
More blue shades
- Dark Dusty Teal
#35504D - Deep Dusty Teal
#456865 - Medium Dark Dusty Teal
#56817C - Dusty Teal
#669994 - Medium Light Dusty Teal
#7EA9A5 - Light Dusty Teal
#97BAB6 - Very Pale Dusty Teal
#C8DAD8 - Palest Dusty Teal
#E0EBEA - Darkest Cyan
#003333 - Very Dark Cyan
#005C5C - Dark Cyan Tone
#008585
Frequently asked questions
What is the HEX code for Pale Dusty Teal?
The HEX code for Pale Dusty Teal is #AFCAC7.
What is the RGB value of Pale Dusty Teal?
Pale Dusty Teal has an RGB value of 175, 202, 199 (rgb(175, 202, 199)). In HSL it is 173°, 20%, 74%.
What text color should I use on Pale Dusty Teal?
Use black text on Pale Dusty Teal. White text has a contrast ratio of 1.74:1 and black text has 12.10:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Dusty Teal?
The complementary color of Pale Dusty Teal is #CAAFB3. Analogous colors #AFCABA and #AFC0CA also pair well.