Dusty Capri is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #668A99, which equals rgb(102, 138, 153) in RGB and hsl(198, 20%, 50%) in HSL. In print terms it converts to roughly C33 M10 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#668A99 - RGB
102, 138, 153 - HSL
198°, 20%, 50% - CMYK
33, 10, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Capri
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 black is the most readable choice on this color, with a contrast ratio of 5.66:1. Its complementary color is #997566.
Download Dusty Capri 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 Capri color codes
| HEX | #668A99 |
|---|---|
| RGB | rgb(102, 138, 153) |
| HSL | hsl(198, 20%, 50%) |
| HSV | 198°, 33%, 60% |
| CMYK | 33%, 10%, 0%, 40% |
| Decimal | 6720153 |
Shades and tints of Dusty Capri
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6ECEE - 100
#CCD8DD - 200
#B3C5CC - 300
#99B1BB - 400
#809EAA - 500
#668A99 - 600
#557380 - 700
#445C66 - 800
#33454D - 900
#222E33 - 950
#11171A
Color harmonies for Dusty Capri
- Complementary
#997566≈ Dusty Vermilion - Analogous −30°
#66998F≈ Dusty Aquamarine - Analogous +30°
#667099≈ Dusty Sapphire - Triadic +120°
#99668A≈ Dusty Cerise - Triadic +240°
#8A9966≈ Dusty Spring Bud - Split 150°
#996670≈ Dusty Ruby - Split 210°
#998F66≈ Dusty Amber
Contrast and accessibility of Dusty Capri
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Capri | Aa | 3.71:1 | AA Large only |
| Black text on Dusty Capri | Aa | 5.66:1 | AA (good) |
CSS code for Dusty Capri
background-color: #668A99;color: #668A99;background-color: rgb(102, 138, 153);background-color: hsl(198, 20%, 50%);:root { --color-dusty-capri: #668A99; }class="bg-[#668A99]"Colors similar to Dusty Capri
- Dusty Peacock
#668F99 - Dusty Azure
#668599 - Dusty Lagoon
#669499 - Dusty Cerulean
#667F99 - Light Slate Gray
#778899 - Slate Gray
#708090 - Dusty Cyan
#669999 - Dusty Teal
#669994 - Dusty Cornflower
#667A99 - Dusty Turquoise
#66998F - Dusty Aquamarine
#66998A - Cool Gray 50
#747E8B
More blue shades
- Very Pale Muted Capri
#BFD8E3 - Palest Muted Capri
#DBEAF0 - Very Dark Dusty Capri
#253237 - Dark Dusty Capri
#354850 - Deep Dusty Capri
#455E68 - Medium Dark Dusty Capri
#567481 - Medium Light Dusty Capri
#7E9CA9 - Light Dusty Capri
#97AFBA - Pale Dusty Capri
#AFC2CA - Very Pale Dusty Capri
#C8D5DA - Palest Dusty Capri
#E0E8EB
Frequently asked questions
What is the HEX code for Dusty Capri?
The HEX code for Dusty Capri is #668A99.
What is the RGB value of Dusty Capri?
Dusty Capri has an RGB value of 102, 138, 153 (rgb(102, 138, 153)). In HSL it is 198°, 20%, 50%.
What text color should I use on Dusty Capri?
Use black text on Dusty Capri. White text has a contrast ratio of 3.71:1 and black text has 5.66:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Capri?
The complementary color of Dusty Capri is #997566. Analogous colors #66998F and #667099 also pair well.