Dusty Blue is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #666699, which equals rgb(102, 102, 153) in RGB and hsl(240, 20%, 50%) in HSL. In print terms it converts to roughly C33 M33 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#666699 - RGB
102, 102, 153 - HSL
240°, 20%, 50% - CMYK
33, 33, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Blue
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 white is the most readable choice on this color, with a contrast ratio of 5.35:1. Its complementary color is #999966.
Download Dusty Blue 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 Blue color codes
| HEX | #666699 |
|---|---|
| RGB | rgb(102, 102, 153) |
| HSL | hsl(240, 20%, 50%) |
| HSV | 240°, 33%, 60% |
| CMYK | 33%, 33%, 0%, 40% |
| Decimal | 6710937 |
Shades and tints of Dusty Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E6EE - 100
#CCCCDD - 200
#B3B3CC - 300
#9999BB - 400
#8080AA - 500
#666699 - 600
#555580 - 700
#444466 - 800
#33334D - 900
#222233 - 950
#11111A
Color harmonies for Dusty Blue
- Complementary
#999966≈ Dusty Citron - Analogous −30°
#668099≈ Dusty Cerulean - Analogous +30°
#806699≈ Dusty Violet - Triadic +120°
#996666≈ Dusty Cardinal - Triadic +240°
#669966≈ Dusty Shamrock - Split 150°
#998066≈ Dusty Tangerine - Split 210°
#809966≈ Dusty Spring Bud
Contrast and accessibility of Dusty Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Blue | Aa | 5.35:1 | AA (good) |
| Black text on Dusty Blue | Aa | 3.93:1 | AA Large only |
CSS code for Dusty Blue
background-color: #666699;color: #666699;background-color: rgb(102, 102, 153);background-color: hsl(240, 20%, 50%);:root { --color-dusty-blue: #666699; }class="bg-[#666699]"Colors similar to Dusty Blue
- Dusty Ultramarine
#6B6699 - Dusty Royal
#666B99 - Dusty Indigo
#706699 - Dusty Cobalt
#667099 - Dusty Iris
#756699 - Dusty Sapphire
#667599 - Dusty Periwinkle
#7A6699 - Dusty Violet
#7F6699 - Dusty Cornflower
#667A99 - Medium Dark Dusty Cornflower
#566781 - Medium Dark Dusty Sapphire
#566381 - Medium Dark Dusty Cerulean
#566B81
More blue shades
- Very Pale Muted Blue
#BFBFE3 - Palest Muted Blue
#DBDBF0 - Very Dark Dusty Blue
#252537 - Dark Dusty Blue
#353550 - Deep Dusty Blue
#454568 - Medium Dark Dusty Blue
#565681 - Medium Light Dusty Blue
#7E7EA9 - Light Dusty Blue
#9797BA - Pale Dusty Blue
#AFAFCA - Very Pale Dusty Blue
#C8C8DA - Palest Dusty Blue
#E0E0EB
Frequently asked questions
What is the HEX code for Dusty Blue?
The HEX code for Dusty Blue is #666699.
What is the RGB value of Dusty Blue?
Dusty Blue has an RGB value of 102, 102, 153 (rgb(102, 102, 153)). In HSL it is 240°, 20%, 50%.
What text color should I use on Dusty Blue?
Use white text on Dusty Blue. White text has a contrast ratio of 5.35:1 and black text has 3.93:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Blue?
The complementary color of Dusty Blue is #999966. Analogous colors #668099 and #806699 also pair well.