Dusty Azure is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #668599, which equals rgb(102, 133, 153) in RGB and hsl(204, 20%, 50%) in HSL. In print terms it converts to roughly C33 M13 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#668599 - RGB
102, 133, 153 - HSL
204°, 20%, 50% - CMYK
33, 13, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Azure
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. 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 5.38:1. Its complementary color is #997A66.
Download Dusty Azure 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 Azure color codes
| HEX | #668599 |
|---|---|
| RGB | rgb(102, 133, 153) |
| HSL | hsl(204, 20%, 50%) |
| HSV | 204°, 33%, 60% |
| CMYK | 33%, 13%, 0%, 40% |
| Decimal | 6718873 |
Shades and tints of Dusty Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EBEE - 100
#CCD6DD - 200
#B3C2CC - 300
#99AEBB - 400
#8099AA - 500
#668599 - 600
#556F80 - 700
#445966 - 800
#33434D - 900
#222C33 - 950
#11161A
Color harmonies for Dusty Azure
- Complementary
#997A66≈ Dusty Cinnabar - Analogous −30°
#669994≈ Dusty Turquoise - Analogous +30°
#666B99≈ Dusty Cobalt - Triadic +120°
#996685≈ Dusty Raspberry - Triadic +240°
#859966≈ Dusty Apple - Split 150°
#99666B≈ Dusty Red - Split 210°
#999466≈ Dusty Marigold
Contrast and accessibility of Dusty Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Azure | Aa | 3.90:1 | AA Large only |
| Black text on Dusty Azure | Aa | 5.38:1 | AA (good) |
CSS code for Dusty Azure
background-color: #668599;color: #668599;background-color: rgb(102, 133, 153);background-color: hsl(204, 20%, 50%);:root { --color-dusty-azure: #668599; }class="bg-[#668599]"Colors similar to Dusty Azure
- Dusty Capri
#668A99 - Dusty Cerulean
#667F99 - Dusty Peacock
#668F99 - Dusty Cornflower
#667A99 - Slate Gray
#708090 - Light Slate Gray
#778899 - Dusty Lagoon
#669499 - Dusty Sapphire
#667599 - Cool Gray 50
#747E8B - Dusty Cyan
#669999 - Dusty Teal
#669994 - Dusty Cobalt
#667099
More blue shades
- Very Pale Muted Azure
#BFD5E3 - Palest Muted Azure
#DBE8F0 - Very Dark Dusty Azure
#253037 - Dark Dusty Azure
#354550 - Deep Dusty Azure
#455A68 - Medium Dark Dusty Azure
#566F81 - Medium Light Dusty Azure
#7E98A9 - Light Dusty Azure
#97ACBA - Pale Dusty Azure
#AFBFCA - Very Pale Dusty Azure
#C8D3DA - Palest Dusty Azure
#E0E7EB
Frequently asked questions
What is the HEX code for Dusty Azure?
The HEX code for Dusty Azure is #668599.
What is the RGB value of Dusty Azure?
Dusty Azure has an RGB value of 102, 133, 153 (rgb(102, 133, 153)). In HSL it is 204°, 20%, 50%.
What text color should I use on Dusty Azure?
Use black text on Dusty Azure. White text has a contrast ratio of 3.90:1 and black text has 5.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Azure?
The complementary color of Dusty Azure is #997A66. Analogous colors #669994 and #666B99 also pair well.