Dusty Peacock is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #668F99, which equals rgb(102, 143, 153) in RGB and hsl(192, 20%, 50%) in HSL. In print terms it converts to roughly C33 M7 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#668F99 - RGB
102, 143, 153 - HSL
192°, 20%, 50% - CMYK
33, 7, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Peacock
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 5.95:1. Its complementary color is #997066.
Download Dusty Peacock 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 Peacock color codes
| HEX | #668F99 |
|---|---|
| RGB | rgb(102, 143, 153) |
| HSL | hsl(192, 20%, 50%) |
| HSV | 192°, 33%, 60% |
| CMYK | 33%, 7%, 0%, 40% |
| Decimal | 6721433 |
Shades and tints of Dusty Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6ECEE - 100
#CCDADD - 200
#B3C7CC - 300
#99B4BB - 400
#80A2AA - 500
#668F99 - 600
#557780 - 700
#445F66 - 800
#33484D - 900
#223033 - 950
#11181A
Color harmonies for Dusty Peacock
- Complementary
#997066≈ Dusty Scarlet - Analogous −30°
#66998A≈ Dusty Seafoam - Analogous +30°
#667599≈ Dusty Cornflower - Triadic +120°
#99668F≈ Dusty Fuchsia - Triadic +240°
#8F9966≈ Dusty Chartreuse - Split 150°
#996675≈ Dusty Carmine - Split 210°
#998A66≈ Dusty Tangerine
Contrast and accessibility of Dusty Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Peacock | Aa | 3.53:1 | AA Large only |
| Black text on Dusty Peacock | Aa | 5.95:1 | AA (good) |
CSS code for Dusty Peacock
background-color: #668F99;color: #668F99;background-color: rgb(102, 143, 153);background-color: hsl(192, 20%, 50%);:root { --color-dusty-peacock: #668F99; }class="bg-[#668F99]"Colors similar to Dusty Peacock
- Dusty Lagoon
#669499 - Dusty Capri
#668A99 - Dusty Cyan
#669999 - Dusty Azure
#668599 - Dusty Teal
#669994 - Dusty Turquoise
#66998F - Light Slate Gray
#778899 - Dusty Aquamarine
#66998A - Dusty Cerulean
#667F99 - Cadet Blue
#5F9EA0 - Slate Gray
#708090 - Dusty Seafoam
#669985
More blue shades
- Very Pale Muted Peacock
#BFDCE3 - Palest Muted Peacock
#DBECF0 - Very Dark Dusty Peacock
#253337 - Dark Dusty Peacock
#354A50 - Deep Dusty Peacock
#456168 - Medium Dark Dusty Peacock
#567881 - Medium Light Dusty Peacock
#7EA1A9 - Light Dusty Peacock
#97B3BA - Pale Dusty Peacock
#AFC5CA - Very Pale Dusty Peacock
#C8D7DA - Palest Dusty Peacock
#E0E9EB
Frequently asked questions
What is the HEX code for Dusty Peacock?
The HEX code for Dusty Peacock is #668F99.
What is the RGB value of Dusty Peacock?
Dusty Peacock has an RGB value of 102, 143, 153 (rgb(102, 143, 153)). In HSL it is 192°, 20%, 50%.
What text color should I use on Dusty Peacock?
Use black text on Dusty Peacock. White text has a contrast ratio of 3.53:1 and black text has 5.95:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Peacock?
The complementary color of Dusty Peacock is #997066. Analogous colors #66998A and #667599 also pair well.