Medium Dark Dusty Cobalt is a medium-dark, muted shade in the blue color family, with a cool feel. Its HEX code is #565E81, which equals rgb(86, 94, 129) in RGB and hsl(229, 20%, 42%) in HSL. In print terms it converts to roughly C33 M27 Y0 K49, although exact CMYK results depend on the paper and color profile.
- HEX
#565E81 - RGB
86, 94, 129 - HSL
229°, 20%, 42% - CMYK
33, 27, 0, 49 - Family
Blue - Tone
Medium-dark, muted
About Medium 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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 6.34:1. Its complementary color is #817956.
Download Medium 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…
Medium Dark Dusty Cobalt color codes
| HEX | #565E81 |
|---|---|
| RGB | rgb(86, 94, 129) |
| HSL | hsl(229, 20%, 42%) |
| HSV | 229°, 33%, 51% |
| CMYK | 33%, 27%, 0%, 49% |
| Decimal | 5660289 |
Shades and tints of Medium Dark Dusty Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E4EA - 100
#C7C9D5 - 200
#ABAFC0 - 300
#8E94AB - 400
#727996 - 500
#565E81 - 600
#484E6C - 700
#393F56 - 800
#2B2F41 - 900
#1D1F2B - 950
#0E1016
Color harmonies for Medium Dark Dusty Cobalt
- Complementary
#817956≈ Medium Dark Dusty Marigold - Analogous −30°
#567381≈ Medium Dark Dusty Capri - Analogous +30°
#635681≈ Medium Dark Dusty Periwinkle - Triadic +120°
#81565E≈ Medium Dark Dusty Cardinal - Triadic +240°
#5E8156≈ Medium Dark Dusty Shamrock - Split 150°
#816356≈ Medium Dark Dusty Persimmon - Split 210°
#738156≈ Medium Dark Dusty Chartreuse
Contrast and accessibility of Medium Dark Dusty Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Dusty Cobalt | Aa | 6.34:1 | AA (good) |
| Black text on Medium Dark Dusty Cobalt | Aa | 3.31:1 | AA Large only |
CSS code for Medium Dark Dusty Cobalt
background-color: #565E81;color: #565E81;background-color: rgb(86, 94, 129);background-color: hsl(229, 20%, 42%);:root { --color-medium-dark-dusty-cobalt: #565E81; }class="bg-[#565E81]"Colors similar to Medium Dark Dusty Cobalt
- Medium Dark Dusty Royal
#565A81 - Medium Dark Dusty Sapphire
#566381 - Medium Dark Dusty Blue
#565681 - Medium Dark Dusty Ultramarine
#5A5681 - Medium Dark Dusty Cornflower
#566781 - Medium Dark Dusty Indigo
#5E5681 - Medium Dark Dusty Iris
#635681 - Medium Dark Dusty Cerulean
#566B81 - Medium Dark Dusty Periwinkle
#675681 - Cool Gray 40
#5D646F - Medium Dark Dusty Azure
#566F81 - Medium Dark Dusty Violet
#6B5681
More blue shades
- Pale Muted Cobalt
#A2ADD7 - Very Pale Muted Cobalt
#BFC6E3 - Palest Muted Cobalt
#DBDFF0 - Very Dark Dusty Cobalt
#252837 - Dark Dusty Cobalt
#353A50 - Deep Dusty Cobalt
#454C68 - Dusty Cobalt
#667099 - Medium Light Dusty Cobalt
#7E87A9 - Light Dusty Cobalt
#979EBA - Pale Dusty Cobalt
#AFB5CA - Very Pale Dusty Cobalt
#C8CCDA
Frequently asked questions
What is the HEX code for Medium Dark Dusty Cobalt?
The HEX code for Medium Dark Dusty Cobalt is #565E81.
What is the RGB value of Medium Dark Dusty Cobalt?
Medium Dark Dusty Cobalt has an RGB value of 86, 94, 129 (rgb(86, 94, 129)). In HSL it is 229°, 20%, 42%.
What text color should I use on Medium Dark Dusty Cobalt?
Use white text on Medium Dark Dusty Cobalt. White text has a contrast ratio of 6.34:1 and black text has 3.31:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Dusty Cobalt?
The complementary color of Medium Dark Dusty Cobalt is #817956. Analogous colors #567381 and #635681 also pair well.