Dark Dusty Cobalt is a dark, muted shade in the blue color family, with a cool feel. Its HEX code is #353A50, which equals rgb(53, 58, 80) in RGB and hsl(229, 20%, 26%) in HSL. In print terms it converts to roughly C34 M28 Y0 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#353A50 - RGB
53, 58, 80 - HSL
229°, 20%, 26% - CMYK
34, 28, 0, 69 - Family
Blue - Tone
Dark, muted
About Dark Dusty Cobalt
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 11.22:1. Its complementary color is #504B35.
Download Dark Dusty Cobalt 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…
Dark Dusty Cobalt color codes
| HEX | #353A50 |
|---|---|
| RGB | rgb(53, 58, 80) |
| HSL | hsl(229, 20%, 26%) |
| HSV | 229°, 34%, 31% |
| CMYK | 34%, 28%, 0%, 69% |
| Decimal | 3488336 |
Shades and tints of Dark Dusty Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDDEE2 - 100
#BCBDC5 - 200
#9A9DA8 - 300
#787C8A - 400
#575B6D - 500
#353A50 - 600
#2C3043 - 700
#232735 - 800
#1B1D28 - 900
#12131B - 950
#090A0D
Color harmonies for Dark Dusty Cobalt
- Complementary
#504B35≈ Dark Dusty Marigold - Analogous −30°
#354750≈ Dark Dusty Capri - Analogous +30°
#3D3550≈ Dark Dusty Indigo - Triadic +120°
#50353A≈ Dark Dusty Cardinal - Triadic +240°
#3A5035≈ Dark Dusty Shamrock - Split 150°
#503D35≈ Dark Dusty Vermilion - Split 210°
#475035≈ Dark Dusty Chartreuse
Contrast and accessibility of Dark Dusty Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Cobalt | Aa | 11.22:1 | AAA (excellent) |
| Black text on Dark Dusty Cobalt | Aa | 1.87:1 | Fails |
CSS code for Dark Dusty Cobalt
background-color: #353A50;color: #353A50;background-color: rgb(53, 58, 80);background-color: hsl(229, 20%, 26%);:root { --color-dark-dusty-cobalt: #353A50; }class="bg-[#353A50]"Colors similar to Dark Dusty Cobalt
- Dark Dusty Royal
#353850 - Dark Dusty Sapphire
#353D50 - Dark Dusty Blue
#353550 - Dark Dusty Ultramarine
#383550 - Dark Dusty Cornflower
#354050 - Dark Dusty Indigo
#3A3550 - Dark Dusty Iris
#3D3550 - Dark Dusty Cerulean
#354250 - Dark Dusty Periwinkle
#403550 - Dark Dusty Violet
#423550 - Dark Dusty Azure
#354550 - Charcoal
#36454F
More blue shades
- Medium Light Muted Cobalt
#697ABF - Light Muted Cobalt
#8693CB - Pale Muted Cobalt
#A2ADD7 - Very Pale Muted Cobalt
#BFC6E3 - Palest Muted Cobalt
#DBDFF0 - Very Dark Dusty Cobalt
#252837 - Deep Dusty Cobalt
#454C68 - Medium Dark Dusty Cobalt
#565E81 - Dusty Cobalt
#667099 - Medium Light Dusty Cobalt
#7E87A9 - Light Dusty Cobalt
#979EBA
Frequently asked questions
What is the HEX code for Dark Dusty Cobalt?
The HEX code for Dark Dusty Cobalt is #353A50.
What is the RGB value of Dark Dusty Cobalt?
Dark Dusty Cobalt has an RGB value of 53, 58, 80 (rgb(53, 58, 80)). In HSL it is 229°, 20%, 26%.
What text color should I use on Dark Dusty Cobalt?
Use white text on Dark Dusty Cobalt. White text has a contrast ratio of 11.22:1 and black text has 1.87:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Cobalt?
The complementary color of Dark Dusty Cobalt is #504B35. Analogous colors #354750 and #3D3550 also pair well.