Dusty Cerulean is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #667F99, which equals rgb(102, 127, 153) in RGB and hsl(211, 20%, 50%) in HSL. In print terms it converts to roughly C33 M17 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#667F99 - RGB
102, 127, 153 - HSL
211°, 20%, 50% - CMYK
33, 17, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Cerulean
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 black is the most readable choice on this color, with a contrast ratio of 5.06:1. Its complementary color is #998066.
Download Dusty Cerulean 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 Cerulean color codes
| HEX | #667F99 |
|---|---|
| RGB | rgb(102, 127, 153) |
| HSL | hsl(211, 20%, 50%) |
| HSV | 211°, 33%, 60% |
| CMYK | 33%, 17%, 0%, 40% |
| Decimal | 6717337 |
Shades and tints of Dusty Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EAEE - 100
#CCD4DD - 200
#B3BFCC - 300
#99AABB - 400
#8094AA - 500
#667F99 - 600
#556A80 - 700
#445566 - 800
#33404D - 900
#222A33 - 950
#11151A
Color harmonies for Dusty Cerulean
- Complementary
#998066≈ Dusty Tangerine - Analogous −30°
#669899≈ Dusty Cyan - Analogous +30°
#676699≈ Dusty Blue - Triadic +120°
#99667F≈ Dusty Blush - Triadic +240°
#7F9966≈ Dusty Apple - Split 150°
#996766≈ Dusty Red - Split 210°
#989966≈ Dusty Yellow
Contrast and accessibility of Dusty Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Cerulean | Aa | 4.15:1 | AA Large only |
| Black text on Dusty Cerulean | Aa | 5.06:1 | AA (good) |
CSS code for Dusty Cerulean
background-color: #667F99;color: #667F99;background-color: rgb(102, 127, 153);background-color: hsl(211, 20%, 50%);:root { --color-dusty-cerulean: #667F99; }class="bg-[#667F99]"Colors similar to Dusty Cerulean
- Dusty Cornflower
#667A99 - Dusty Azure
#668599 - Dusty Sapphire
#667599 - Slate Gray
#708090 - Dusty Capri
#668A99 - Dusty Cobalt
#667099 - Cool Gray 50
#747E8B - Dusty Peacock
#668F99 - Light Slate Gray
#778899 - Dusty Royal
#666B99 - Dusty Lagoon
#669499 - Medium Light Dusty Blue
#7E7EA9
More blue shades
- Very Pale Muted Cerulean
#BFD1E3 - Palest Muted Cerulean
#DBE6F0 - Very Dark Dusty Cerulean
#252E37 - Dark Dusty Cerulean
#354250 - Deep Dusty Cerulean
#455768 - Medium Dark Dusty Cerulean
#566B81 - Medium Light Dusty Cerulean
#7E94A9 - Light Dusty Cerulean
#97A8BA - Pale Dusty Cerulean
#AFBDCA - Very Pale Dusty Cerulean
#C8D1DA - Palest Dusty Cerulean
#E0E6EB
Frequently asked questions
What is the HEX code for Dusty Cerulean?
The HEX code for Dusty Cerulean is #667F99.
What is the RGB value of Dusty Cerulean?
Dusty Cerulean has an RGB value of 102, 127, 153 (rgb(102, 127, 153)). In HSL it is 211°, 20%, 50%.
What text color should I use on Dusty Cerulean?
Use black text on Dusty Cerulean. White text has a contrast ratio of 4.15:1 and black text has 5.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Cerulean?
The complementary color of Dusty Cerulean is #998066. Analogous colors #669899 and #676699 also pair well.