Dusty Sapphire is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #667599, which equals rgb(102, 117, 153) in RGB and hsl(222, 20%, 50%) in HSL. In print terms it converts to roughly C33 M24 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#667599 - RGB
102, 117, 153 - HSL
222°, 20%, 50% - CMYK
33, 24, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Sapphire
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 4.60:1. Its complementary color is #998A66.
Download Dusty Sapphire 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 Sapphire color codes
| HEX | #667599 |
|---|---|
| RGB | rgb(102, 117, 153) |
| HSL | hsl(222, 20%, 50%) |
| HSV | 222°, 33%, 60% |
| CMYK | 33%, 24%, 0%, 40% |
| Decimal | 6714777 |
Shades and tints of Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E8EE - 100
#CCD1DD - 200
#B3BACC - 300
#99A3BB - 400
#808CAA - 500
#667599 - 600
#556280 - 700
#444E66 - 800
#333B4D - 900
#222733 - 950
#11141A
Color harmonies for Dusty Sapphire
- Complementary
#998A66≈ Dusty Tangerine - Analogous −30°
#668F99≈ Dusty Lagoon - Analogous +30°
#706699≈ Dusty Ultramarine - Triadic +120°
#996675≈ Dusty Carmine - Triadic +240°
#759966≈ Dusty Clover - Split 150°
#997066≈ Dusty Scarlet - Split 210°
#8F9966≈ Dusty Chartreuse
Contrast and accessibility of Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Sapphire | Aa | 4.60:1 | AA (good) |
| Black text on Dusty Sapphire | Aa | 4.57:1 | AA (good) |
CSS code for Dusty Sapphire
background-color: #667599;color: #667599;background-color: rgb(102, 117, 153);background-color: hsl(222, 20%, 50%);:root { --color-dusty-sapphire: #667599; }class="bg-[#667599]"Colors similar to Dusty Sapphire
- Dusty Cornflower
#667A99 - Dusty Cobalt
#667099 - Dusty Cerulean
#667F99 - Dusty Royal
#666B99 - Dusty Blue
#666699 - Slate Gray
#708090 - Dusty Ultramarine
#6B6699 - Dusty Azure
#668599 - Dusty Indigo
#706699 - Cool Gray 50
#747E8B - Dusty Iris
#756699 - Dusty Capri
#668A99
More blue shades
- Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37 - Dark Dusty Sapphire
#353D50 - Deep Dusty Sapphire
#455068 - Medium Dark Dusty Sapphire
#566381 - Medium Light Dusty Sapphire
#7E8BA9 - Light Dusty Sapphire
#97A1BA - Pale Dusty Sapphire
#AFB7CA - Very Pale Dusty Sapphire
#C8CDDA - Palest Dusty Sapphire
#E0E3EB
Frequently asked questions
What is the HEX code for Dusty Sapphire?
The HEX code for Dusty Sapphire is #667599.
What is the RGB value of Dusty Sapphire?
Dusty Sapphire has an RGB value of 102, 117, 153 (rgb(102, 117, 153)). In HSL it is 222°, 20%, 50%.
What text color should I use on Dusty Sapphire?
Use white text on Dusty Sapphire. White text has a contrast ratio of 4.60:1 and black text has 4.57:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Sapphire?
The complementary color of Dusty Sapphire is #998A66. Analogous colors #668F99 and #706699 also pair well.