Dusty Iris is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #756699, which equals rgb(117, 102, 153) in RGB and hsl(258, 20%, 50%) in HSL. In print terms it converts to roughly C24 M33 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#756699 - RGB
117, 102, 153 - HSL
258°, 20%, 50% - CMYK
24, 33, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Iris
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.10:1. Its complementary color is #8A9966.
Download Dusty Iris 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 Iris color codes
| HEX | #756699 |
|---|---|
| RGB | rgb(117, 102, 153) |
| HSL | hsl(258, 20%, 50%) |
| HSV | 258°, 33%, 60% |
| CMYK | 24%, 33%, 0%, 40% |
| Decimal | 7693977 |
Shades and tints of Dusty Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8E6EE - 100
#D1CCDD - 200
#BAB3CC - 300
#A399BB - 400
#8C80AA - 500
#756699 - 600
#625580 - 700
#4E4466 - 800
#3B334D - 900
#272233 - 950
#14111A
Color harmonies for Dusty Iris
- Complementary
#8A9966≈ Dusty Spring Bud - Analogous −30°
#667099≈ Dusty Sapphire - Analogous +30°
#8F6699≈ Dusty Grape - Triadic +120°
#997566≈ Dusty Vermilion - Triadic +240°
#669975≈ Dusty Emerald - Split 150°
#998F66≈ Dusty Amber - Split 210°
#709966≈ Dusty Shamrock
Contrast and accessibility of Dusty Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Iris | Aa | 5.10:1 | AA (good) |
| Black text on Dusty Iris | Aa | 4.12:1 | AA Large only |
CSS code for Dusty Iris
background-color: #756699;color: #756699;background-color: rgb(117, 102, 153);background-color: hsl(258, 20%, 50%);:root { --color-dusty-iris: #756699; }class="bg-[#756699]"Colors similar to Dusty Iris
- Dusty Indigo
#706699 - Dusty Periwinkle
#7A6699 - Dusty Ultramarine
#6B6699 - Dusty Violet
#7F6699 - Dusty Blue
#666699 - Dusty Amethyst
#856699 - Dusty Royal
#666B99 - Dusty Cobalt
#667099 - Dusty Grape
#8A6699 - Dusty Sapphire
#667599 - Dusty Purple
#8F6699 - Dusty Cornflower
#667A99
More blue shades
- Very Pale Muted Iris
#CABFE3 - Palest Muted Iris
#E1DBF0 - Very Dark Dusty Iris
#2A2537 - Dark Dusty Iris
#3D3550 - Deep Dusty Iris
#504568 - Medium Dark Dusty Iris
#635681 - Medium Light Dusty Iris
#8B7EA9 - Light Dusty Iris
#A197BA - Pale Dusty Iris
#B7AFCA - Very Pale Dusty Iris
#CDC8DA - Palest Dusty Iris
#E3E0EB
Frequently asked questions
What is the HEX code for Dusty Iris?
The HEX code for Dusty Iris is #756699.
What is the RGB value of Dusty Iris?
Dusty Iris has an RGB value of 117, 102, 153 (rgb(117, 102, 153)). In HSL it is 258°, 20%, 50%.
What text color should I use on Dusty Iris?
Use white text on Dusty Iris. White text has a contrast ratio of 5.10:1 and black text has 4.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Iris?
The complementary color of Dusty Iris is #8A9966. Analogous colors #667099 and #8F6699 also pair well.