Dusty Cyan is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #669999, which equals rgb(102, 153, 153) in RGB and hsl(180, 20%, 50%) in HSL. In print terms it converts to roughly C33 M0 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669999 - RGB
102, 153, 153 - HSL
180°, 20%, 50% - CMYK
33, 0, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Cyan
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.58:1. Its complementary color is #996666.
Download Dusty Cyan 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 Cyan color codes
| HEX | #669999 |
|---|---|
| RGB | rgb(102, 153, 153) |
| HSL | hsl(180, 20%, 50%) |
| HSV | 180°, 33%, 60% |
| CMYK | 33%, 0%, 0%, 40% |
| Decimal | 6723993 |
Shades and tints of Dusty Cyan
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EEEE - 100
#CCDDDD - 200
#B3CCCC - 300
#99BBBB - 400
#80AAAA - 500
#669999 - 600
#558080 - 700
#446666 - 800
#334D4D - 900
#223333 - 950
#111A1A
Color harmonies for Dusty Cyan
- Complementary
#996666≈ Dusty Cardinal - Analogous −30°
#669980≈ Dusty Seafoam - Analogous +30°
#668099≈ Dusty Cerulean - Triadic +120°
#996699≈ Dusty Fuchsia - Triadic +240°
#999966≈ Dusty Citron - Split 150°
#996680≈ Dusty Rose - Split 210°
#998066≈ Dusty Tangerine
Contrast and accessibility of Dusty Cyan
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Cyan | Aa | 3.19:1 | AA Large only |
| Black text on Dusty Cyan | Aa | 6.58:1 | AA (good) |
CSS code for Dusty Cyan
background-color: #669999;color: #669999;background-color: rgb(102, 153, 153);background-color: hsl(180, 20%, 50%);:root { --color-dusty-cyan: #669999; }class="bg-[#669999]"Colors similar to Dusty Cyan
- Dusty Teal
#669994 - Dusty Lagoon
#669499 - Dusty Turquoise
#66998F - Cadet Blue
#5F9EA0 - Dusty Peacock
#668F99 - Dusty Aquamarine
#66998A - Dusty Capri
#668A99 - Dusty Seafoam
#669985 - Dusty Azure
#668599 - Dusty Mint
#669980 - Light Slate Gray
#778899 - Medium Light Dusty Azure
#7E98A9
More blue shades
- Very Pale Muted Cyan
#BFE3E3 - Palest Muted Cyan
#DBF0F0 - Very Dark Dusty Cyan
#253737 - Dark Dusty Cyan
#355050 - Deep Dusty Cyan
#456868 - Medium Dark Dusty Cyan
#568181 - Medium Light Dusty Cyan
#7EA9A9 - Light Dusty Cyan
#97BABA - Pale Dusty Cyan
#AFCACA - Very Pale Dusty Cyan
#C8DADA - Palest Dusty Cyan
#E0EBEB
Frequently asked questions
What is the HEX code for Dusty Cyan?
The HEX code for Dusty Cyan is #669999.
What is the RGB value of Dusty Cyan?
Dusty Cyan has an RGB value of 102, 153, 153 (rgb(102, 153, 153)). In HSL it is 180°, 20%, 50%.
What text color should I use on Dusty Cyan?
Use black text on Dusty Cyan. White text has a contrast ratio of 3.19:1 and black text has 6.58:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Cyan?
The complementary color of Dusty Cyan is #996666. Analogous colors #669980 and #668099 also pair well.