Dusty Teal is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #669994, which equals rgb(102, 153, 148) in RGB and hsl(174, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y3 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669994 - RGB
102, 153, 148 - HSL
174°, 20%, 50% - CMYK
33, 0, 3, 40 - Family
Blue - Tone
Medium, muted
About 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 6.55:1. Its complementary color is #99666B.
Download 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…
Dusty Teal color codes
| HEX | #669994 |
|---|---|
| RGB | rgb(102, 153, 148) |
| HSL | hsl(174, 20%, 50%) |
| HSV | 174°, 33%, 60% |
| CMYK | 33%, 0%, 3%, 40% |
| Decimal | 6723988 |
Shades and tints of Dusty Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEED - 100
#CCDDDB - 200
#B3CCCA - 300
#99BBB8 - 400
#80AAA6 - 500
#669994 - 600
#55807B - 700
#446663 - 800
#334D4A - 900
#223331 - 950
#111A19
Color harmonies for Dusty Teal
- Complementary
#99666B≈ Dusty Red - Analogous −30°
#66997A≈ Dusty Jade - Analogous +30°
#668599≈ Dusty Capri - Triadic +120°
#946699≈ Dusty Purple - Triadic +240°
#999466≈ Dusty Marigold - Split 150°
#996685≈ Dusty Raspberry - Split 210°
#997A66≈ Dusty Cinnabar
Contrast and accessibility of Dusty Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Teal | Aa | 3.21:1 | AA Large only |
| Black text on Dusty Teal | Aa | 6.55:1 | AA (good) |
CSS code for Dusty Teal
background-color: #669994;color: #669994;background-color: rgb(102, 153, 148);background-color: hsl(174, 20%, 50%);:root { --color-dusty-teal: #669994; }class="bg-[#669994]"Colors similar to Dusty Teal
- Dusty Turquoise
#66998F - Dusty Cyan
#669999 - Dusty Lagoon
#669499 - Dusty Aquamarine
#66998A - Dusty Peacock
#668F99 - Dusty Seafoam
#669985 - Cadet Blue
#5F9EA0 - Dusty Capri
#668A99 - Dusty Mint
#669980 - Dusty Azure
#668599 - Dusty Malachite
#66997A - Light Slate Gray
#778899
More blue shades
- Very Pale Muted Teal
#BFE3E0 - Palest Muted Teal
#DBF0EE - Very Dark Dusty Teal
#253735 - Dark Dusty Teal
#35504D - Deep Dusty Teal
#456865 - Medium Dark Dusty Teal
#56817C - Medium Light Dusty Teal
#7EA9A5 - Light Dusty Teal
#97BAB6 - Pale Dusty Teal
#AFCAC7 - Very Pale Dusty Teal
#C8DAD8 - Palest Dusty Teal
#E0EBEA
Frequently asked questions
What is the HEX code for Dusty Teal?
The HEX code for Dusty Teal is #669994.
What is the RGB value of Dusty Teal?
Dusty Teal has an RGB value of 102, 153, 148 (rgb(102, 153, 148)). In HSL it is 174°, 20%, 50%.
What text color should I use on Dusty Teal?
Use black text on Dusty Teal. White text has a contrast ratio of 3.21:1 and black text has 6.55:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Teal?
The complementary color of Dusty Teal is #99666B. Analogous colors #66997A and #668599 also pair well.