Dusty Cornflower is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #667A99, which equals rgb(102, 122, 153) in RGB and hsl(216, 20%, 50%) in HSL. In print terms it converts to roughly C33 M20 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#667A99 - RGB
102, 122, 153 - HSL
216°, 20%, 50% - CMYK
33, 20, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty Cornflower
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 4.81:1. Its complementary color is #998566.
Download Dusty Cornflower 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 Cornflower color codes
| HEX | #667A99 |
|---|---|
| RGB | rgb(102, 122, 153) |
| HSL | hsl(216, 20%, 50%) |
| HSV | 216°, 33%, 60% |
| CMYK | 33%, 20%, 0%, 40% |
| Decimal | 6716057 |
Shades and tints of Dusty Cornflower
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E9EE - 100
#CCD3DD - 200
#B3BDCC - 300
#99A6BB - 400
#8090AA - 500
#667A99 - 600
#556680 - 700
#445166 - 800
#333D4D - 900
#222933 - 950
#11141A
Color harmonies for Dusty Cornflower
- Complementary
#998566≈ Dusty Orange - Analogous −30°
#669499≈ Dusty Cyan - Analogous +30°
#6B6699≈ Dusty Blue - Triadic +120°
#99667A≈ Dusty Ruby - Triadic +240°
#7A9966≈ Dusty Leaf - Split 150°
#996B66≈ Dusty Red - Split 210°
#949966≈ Dusty Lime
Contrast and accessibility of Dusty Cornflower
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Cornflower | Aa | 4.37:1 | AA Large only |
| Black text on Dusty Cornflower | Aa | 4.81:1 | AA (good) |
CSS code for Dusty Cornflower
background-color: #667A99;color: #667A99;background-color: rgb(102, 122, 153);background-color: hsl(216, 20%, 50%);:root { --color-dusty-cornflower: #667A99; }class="bg-[#667A99]"Colors similar to Dusty Cornflower
- Dusty Cerulean
#667F99 - Dusty Sapphire
#667599 - Dusty Cobalt
#667099 - Dusty Azure
#668599 - Slate Gray
#708090 - Dusty Royal
#666B99 - Dusty Capri
#668A99 - Cool Gray 50
#747E8B - Light Slate Gray
#778899 - Dusty Blue
#666699 - Dusty Ultramarine
#6B6699 - Dusty Peacock
#668F99
More blue shades
- Very Pale Muted Cornflower
#BFCDE3 - Palest Muted Cornflower
#DBE3F0 - Very Dark Dusty Cornflower
#252C37 - Dark Dusty Cornflower
#354050 - Deep Dusty Cornflower
#455368 - Medium Dark Dusty Cornflower
#566781 - Medium Light Dusty Cornflower
#7E90A9 - Light Dusty Cornflower
#97A5BA - Pale Dusty Cornflower
#AFBACA - Very Pale Dusty Cornflower
#C8CFDA - Palest Dusty Cornflower
#E0E4EB
Frequently asked questions
What is the HEX code for Dusty Cornflower?
The HEX code for Dusty Cornflower is #667A99.
What is the RGB value of Dusty Cornflower?
Dusty Cornflower has an RGB value of 102, 122, 153 (rgb(102, 122, 153)). In HSL it is 216°, 20%, 50%.
What text color should I use on Dusty Cornflower?
Use black text on Dusty Cornflower. White text has a contrast ratio of 4.37:1 and black text has 4.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Cornflower?
The complementary color of Dusty Cornflower is #998566. Analogous colors #669499 and #6B6699 also pair well.