Dusty Royal is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #666B99, which equals rgb(102, 107, 153) in RGB and hsl(234, 20%, 50%) in HSL. In print terms it converts to roughly C33 M30 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#666B99 - RGB
102, 107, 153 - HSL
234°, 20%, 50% - CMYK
33, 30, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Royal
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 white is the most readable choice on this color, with a contrast ratio of 5.09:1. Its complementary color is #999466.
Download Dusty Royal 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 Royal color codes
| HEX | #666B99 |
|---|---|
| RGB | rgb(102, 107, 153) |
| HSL | hsl(234, 20%, 50%) |
| HSV | 234°, 33%, 60% |
| CMYK | 33%, 30%, 0%, 40% |
| Decimal | 6712217 |
Shades and tints of Dusty Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E6EE - 100
#CCCEDD - 200
#B3B5CC - 300
#999CBB - 400
#8084AA - 500
#666B99 - 600
#555980 - 700
#444766 - 800
#33364D - 900
#222433 - 950
#11121A
Color harmonies for Dusty Royal
- Complementary
#999466≈ Dusty Marigold - Analogous −30°
#668599≈ Dusty Capri - Analogous +30°
#7A6699≈ Dusty Iris - Triadic +120°
#99666B≈ Dusty Red - Triadic +240°
#6B9966≈ Dusty Green - Split 150°
#997A66≈ Dusty Cinnabar - Split 210°
#859966≈ Dusty Apple
Contrast and accessibility of Dusty Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Royal | Aa | 5.09:1 | AA (good) |
| Black text on Dusty Royal | Aa | 4.13:1 | AA Large only |
CSS code for Dusty Royal
background-color: #666B99;color: #666B99;background-color: rgb(102, 107, 153);background-color: hsl(234, 20%, 50%);:root { --color-dusty-royal: #666B99; }class="bg-[#666B99]"Colors similar to Dusty Royal
- Dusty Cobalt
#667099 - Dusty Blue
#666699 - Dusty Ultramarine
#6B6699 - Dusty Indigo
#706699 - Dusty Sapphire
#667599 - Dusty Iris
#756699 - Dusty Cornflower
#667A99 - Dusty Periwinkle
#7A6699 - Dusty Cerulean
#667F99 - Dusty Violet
#7F6699 - Medium Dark Dusty Cerulean
#566B81 - Medium Dark Dusty Azure
#566F81
More blue shades
- Very Pale Muted Royal
#BFC2E3 - Palest Muted Royal
#DBDDF0 - Very Dark Dusty Royal
#252737 - Dark Dusty Royal
#353850 - Deep Dusty Royal
#454968 - Medium Dark Dusty Royal
#565A81 - Medium Light Dusty Royal
#7E83A9 - Light Dusty Royal
#979ABA - Pale Dusty Royal
#AFB2CA - Very Pale Dusty Royal
#C8CADA - Palest Dusty Royal
#E0E1EB
Frequently asked questions
What is the HEX code for Dusty Royal?
The HEX code for Dusty Royal is #666B99.
What is the RGB value of Dusty Royal?
Dusty Royal has an RGB value of 102, 107, 153 (rgb(102, 107, 153)). In HSL it is 234°, 20%, 50%.
What text color should I use on Dusty Royal?
Use white text on Dusty Royal. White text has a contrast ratio of 5.09:1 and black text has 4.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Royal?
The complementary color of Dusty Royal is #999466. Analogous colors #668599 and #7A6699 also pair well.