Dusty Indigo is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #706699, which equals rgb(112, 102, 153) in RGB and hsl(252, 20%, 50%) in HSL. In print terms it converts to roughly C27 M33 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#706699 - RGB
112, 102, 153 - HSL
252°, 20%, 50% - CMYK
27, 33, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Indigo
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. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 5.19:1. Its complementary color is #8F9966.
Download Dusty Indigo 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 Indigo color codes
| HEX | #706699 |
|---|---|
| RGB | rgb(112, 102, 153) |
| HSL | hsl(252, 20%, 50%) |
| HSV | 252°, 33%, 60% |
| CMYK | 27%, 33%, 0%, 40% |
| Decimal | 7366297 |
Shades and tints of Dusty Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7E6EE - 100
#CFCCDD - 200
#B8B3CC - 300
#A099BB - 400
#8880AA - 500
#706699 - 600
#5D5580 - 700
#4B4466 - 800
#38334D - 900
#252233 - 950
#13111A
Color harmonies for Dusty Indigo
- Complementary
#8F9966≈ Dusty Chartreuse - Analogous −30°
#667599≈ Dusty Cornflower - Analogous +30°
#8A6699≈ Dusty Amethyst - Triadic +120°
#997066≈ Dusty Scarlet - Triadic +240°
#669970≈ Dusty Kelly - Split 150°
#998A66≈ Dusty Tangerine - Split 210°
#759966≈ Dusty Clover
Contrast and accessibility of Dusty Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Indigo | Aa | 5.19:1 | AA (good) |
| Black text on Dusty Indigo | Aa | 4.05:1 | AA Large only |
CSS code for Dusty Indigo
background-color: #706699;color: #706699;background-color: rgb(112, 102, 153);background-color: hsl(252, 20%, 50%);:root { --color-dusty-indigo: #706699; }class="bg-[#706699]"Colors similar to Dusty Indigo
- Dusty Ultramarine
#6B6699 - Dusty Iris
#756699 - Dusty Blue
#666699 - Dusty Periwinkle
#7A6699 - Dusty Royal
#666B99 - Dusty Violet
#7F6699 - Dusty Cobalt
#667099 - Dusty Amethyst
#856699 - Dusty Sapphire
#667599 - Dusty Grape
#8A6699 - Dusty Cornflower
#667A99 - Dusty Purple
#8F6699
More blue shades
- Very Pale Muted Indigo
#C6BFE3 - Palest Muted Indigo
#DFDBF0 - Very Dark Dusty Indigo
#282537 - Dark Dusty Indigo
#3A3550 - Deep Dusty Indigo
#4C4568 - Medium Dark Dusty Indigo
#5E5681 - Medium Light Dusty Indigo
#877EA9 - Light Dusty Indigo
#9E97BA - Pale Dusty Indigo
#B5AFCA - Very Pale Dusty Indigo
#CCC8DA - Palest Dusty Indigo
#E2E0EB
Frequently asked questions
What is the HEX code for Dusty Indigo?
The HEX code for Dusty Indigo is #706699.
What is the RGB value of Dusty Indigo?
Dusty Indigo has an RGB value of 112, 102, 153 (rgb(112, 102, 153)). In HSL it is 252°, 20%, 50%.
What text color should I use on Dusty Indigo?
Use white text on Dusty Indigo. White text has a contrast ratio of 5.19:1 and black text has 4.05:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Indigo?
The complementary color of Dusty Indigo is #8F9966. Analogous colors #667599 and #8A6699 also pair well.